@charset "utf-8";
/*header*/
#header_wrap { position:relative; width:100%; height:auto; min-height:105px; overflow:hidden; margin-top:0; background:url(../images/common/bg_header.gif) repeat-x;}
.header { position:relative; width:980px; margin:auto; }
.header > h1 { position:absolute; left:0; top:44px; z-index:999; }
.header > h1 > a { display:block; width:252px; }
.header > .util_wrap { margin-top:9px; font-size:11px; display:block; position:absolute; right:0; top:0;}
.util_wrap > li { float:left; padding-left:15px; }
.util_wrap > li > a { color:#a2a2a2; }
.util_wrap > li.kmcca > a, .util_wrap > li.kmcca > a:hover { color:#216dbd; }

.menu { position:relative; width:100%; min-height:85px; height:auto; overflow:hidden; margin-top:58px; letter-spacing:-1px; }
.menu ul { width:980px; height:auto; overflow:hidden; margin:0 auto; text-align:right; }
.menu ul > li { display:inline-block; }
.menu ul > li > a { margin:0 0 0 85px; font-size:19px; font-weight:bold; color:#535353; text-decoration:none; letter-spacing:-1px; padding-bottom:25px; display:block; }
.menu ul > li > a:hover, .menu ul > li > a.on { color:#f36f21; text-decoration:none; }
.menu ul > li > div { display:none; position:absolute; z-index:888; background:#ffc359; width:100%; min-width:auto; left:0; top:47px;  }
.menu ul > li > div ul { width:980px; margin:auto; }
.menu ul > li > div.topmenu_sub01 > ul { padding-left:364px; }
.menu ul > li > div.topmenu_sub02 > ul { padding-left:320px; }/*151022*/
.menu ul > li > div.topmenu_sub03 > ul { padding-left:705px; }
.menu ul > li > div.topmenu_sub04 > ul { padding-left:699px; }/*151022*/
.menu ul > li > div > ul > li:first-child { margin-left:0 !important; }
.menu ul > li > div > ul > li { float:left; margin-left:30px; line-height:35px; }
.menu ul > li > div > ul > li > a { margin:0; color:#fff; font-size:15px; font-weight:normal; text-decoration:none; display:block; text-align:right; padding-bottom:0; letter-spacing:-1px; }
.menu ul > li > div > ul > li > a:hover, .menu ul > li > div > ul > li > a.on { color:#763006; }
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.menu ul > li > div.topmenu_sub01 > ul { padding-left:360px; } 
	.menu ul > li > div.topmenu_sub02 > ul { padding-left:320px; }
	.menu ul > li > div.topmenu_sub04 > ul { padding-left:710px; }
} /*크롬 151022*/

/*contents*/
#contents_wrap { clear:both; width:100%; height:auto; overflow:hidden; position:relative; margin:0; margin-top:-38px; background:url(../images/main/main_bg.png) no-repeat center 0; }
.process_wrap { position:relative; clear:both; width:980px; height:409px; margin:0 auto; background:url(../images/main/visual_bg.png) no-repeat 0 0}
.process_wrap .step_wrap { position:relative; width:100%; height:409px; background:url(../images/main/img_process.gif) no-repeat right 0; }
.process_wrap .step_wrap > div { width:190px; text-align:center; letter-spacing:0em; }
.process_wrap .step_wrap > .step_text { position:absolute; top:35px; left:202px; text-align:right; font-size:38px; color:#333; }
.process_wrap .step_wrap > .step_text > span { display:block; margin-top:4px; font-size:14px; color:#a2a2a2; }
.process_wrap .step_wrap > .step01 > p, .process_wrap .step_wrap > .step02 > p, .process_wrap .step_wrap > .step03 > p, .process_wrap .step_wrap > .step04 > p, .process_wrap .step_wrap > .step05 > p { padding-top:10px; font-size:14px; font-weight:normal; line-height:19px; }
.process_wrap .step_wrap > .step01 { position:absolute; left:570px; top:123px; font-size:20px; color:#fff; font-weight:bold; text-shadow: 1px 1px #006156; filter: dropshadow(color=#006156,offx=0,offy=1,positive=1); zoom:1; }
.process_wrap .step_wrap > .step01 > p { color:#fff; }
.process_wrap .step_wrap > .step02 { position:absolute; left:780px; top:123px; font-size:20px; color:#444; font-weight:bold; text-shadow: 1px 1px #fff; filter: dropshadow(color=#fff,offx=0,offy=1,positive=1); zoom:1;}
.process_wrap .step_wrap > .step02 > p { color:#777; }
.process_wrap .step_wrap > .step03 { position:absolute; left:780px; top:326px; font-size:20px; color:#fff; font-weight:bold; text-shadow: 1px 1px #12517c; filter: dropshadow(color=#12517c,offx=0,offy=1,positive=1); zoom:1;}
.process_wrap .step_wrap > .step03 > p {color:#fff; }
.process_wrap .step_wrap > .step04 { position:absolute; left:570px; top:326px; font-size:20px; color:#fff; font-weight:bold; text-shadow: 1px 1px #c17d07; filter: dropshadow(color=#c17d07,offx=0,offy=1,positive=1); zoom:1;}
.process_wrap .step_wrap > .step04 > p { color:#fff; }
.process_wrap .step_wrap > .step05 { position:absolute; left:361px; top:326px; font-size:20px; color:#fff; font-weight:bold; text-shadow: 1px 1px #db6c1d; filter: dropshadow(color=#db6c1d,offx=0,offy=1,positive=1); zoom:1;}
.process_wrap .step_wrap > .step05 > p { color:#fff; }

.con_wrap { position:relative; width:100%; height:100%; overflow:hidden; border-top:1px solid #e7e7e7; background:url(../images/main/con_bg.gif) repeat center 0; }
.con_wrap .con { position:relative; width:980px; height:auto; overflow:hidden; margin:0 auto 29px; padding:25px 29px 0; background:#fff; box-shadow:0 2px 5px #c1c1c1; }
.con_wrap .con .left_contents, .con_wrap .con .center_contents { float:left; margin-bottom:18px; }
.con_wrap .con .left_contents { width:287px; }
.con_wrap .con .center_contents { margin-left:29px; }
.con_wrap .con .right_contents { float:right; margin-bottom:18px; }
.con_wrap .con .center_contents, .con_wrap .con .right_contents { width:290px; }
.con_wrap h2 { font-size:17px; color:#f58232; font-weight:bold; height:19px; display:inline-block; }

.con_wrap .login { margin-bottom:26px; }
.con_wrap #login_form {height:101px;}
.con_wrap #logout_form {height:101px; margin-top:12px; font-size:12px; color:#959595}
.con_wrap .login input { display:block; }
.con_wrap .login input[type="text"], .con_wrap .login input[type="password"] { width:206px; height:35px; color:#999; box-shadow:inset 2px -2px #f3f3f3; border:1px solid #e7e7e7; }
.con_wrap .login input[type="text"] { margin-top:12px; margin-bottom:6px; }
.con_wrap .login input[type="password"] { margin-bottom:6px; }
.con_wrap .login input.login_btn { position:absolute; left:240px; top:56px; width:76px; height:76px; background:#f58232; color:#fff; font-size:15px; font-weight:bold; font-family:"나눔바른고딕", Nanum Barun, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; cursor:pointer; }
.con_wrap .login input.logout_btn { position:absolute; left:240px; top:50px; width:76px; height:70px; background:#f58232; color:#fff; font-size:15px; font-weight:bold; font-family:"나눔바른고딕", Nanum Barun, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; cursor:pointer; }
.con_wrap .login input[type="checkbox"], .con_wrap .login input[type="checkbox"]+label, .con_wrap .login span, .con_wrap .login a { display:inline-block; font-size:11px; color:#666; font-family:"돋움", Dotum, Malgun Gothic, "굴림", Gulim, AppleGothic, sans-serif !important; }
.con_wrap .login span { color:#aaa; padding-left:4px; padding-right:4px; letter-spacing:0; }
.con_wrap .login a:hover { color:#f36f21; }
.con_wrap .login .welcome {width:250px}
.con_wrap .login .company {width:200px;font-size:15px;padding-top:5px; color:#317ec4; font-weight:bold; }
.con_wrap .login .name {display:inline-block; font-size:13px; color:#777; padding-top:7px;}
.con_wrap .login .infoedit_btn {display:inline-block; background:#fff; font-size:12px; font-weight:bold; color:#959595 !important; padding:5px 8px 4px; margin-top:-1px; margin-left:-1px; border:1px solid #959595 !important; cursor:pointer;}

/*151030 customer */
.con_wrap .customer {padding-top:13px; padding-left:3px;}
.con_wrap .customer a:hover {text-decoration:none;}
.con_wrap .customer img {display:inline-block; vertical-align:top;}
.con_wrap .customer span {width:130px;padding-left:6px; color:#777; line-height:1.3; font-weight:normal; font-size:12px;display:inline-block; vertical-align:top}

.con_wrap .notice { margin-bottom:29px; }
.con_wrap .faq {margin-bottom:0; border:0; }
.con_wrap .faq ul {border:0;}
.con_wrap .notice h2, .con_wrap .faq h2 { margin-bottom:12px; }
.section_ul { position:relative; }
.section_ul ul {min-height:76px;} /*151022*/
.section_ul li { position:relative; line-height:19px; }
.section_ul li:after { display:block; clear:both; content:"" }
.section_ul li a { width:220px; table-layout:fixed; white-space:nowrap; text-overflow: ellipsis; word-break:break-all; overflow:hidden; }
.section_ul li a, .section_ul li > span { float:left; font-size:12px; color:#959595; font-family:"돋움", Dotum, Malgun Gothic, "굴림", Gulim, AppleGothic, sans-serif !important; }
.section_ul li .time { float:right; clear:right; font-size:13px; white-space:nowrap; letter-spacing:0; }
.section_ul .more {display:block; position:absolute; top:-1px; right: 0; width:19px; height:19px; background:url(../images/main/more.png) no-repeat 0 0 ; }
.section_ul .more span {margin:0 2px 0 0;font-size:16px;font-weight:bold;color:#d76ea9;vertical-align:middle}

/*151022 popupzone */
.con_wrap .popupzone h2 { margin-bottom:12px; }
.con_wrap .popupzone p { color:#959595; font-size:13px; line-height:17px; padding-bottom:40px; }
.con_wrap .popupzone .sitego01 { padding:20px 10px; border-top:1px solid #dfdfdf; }
.con_wrap .popupzone .sitego02 { padding:20px 10px; border-top:1px solid #dfdfdf; }
.con_wrap .popupzone .sitego03 { padding:15px 10px 20px; border-top:0; }
.con_wrap .popupzone a.btn_popupzone:before img { display:inline-block; }
.con_wrap .popupzone a.btn_popupzone { width:118px; height:43px; display:inline-block; text-align:center; vertical-align:middle; background:#959595; color:#fff; margin-left:10px; font-size:15px; padding-top:13px; } 

.con_wrap .con .quicklink { clear:both !important; width:980px; border-top:1px solid #e7e7e7; margin-left:-29px; }
.quicklink ul { padding:17px 29px; }
.quicklink ul li { display:inline-block; padding-left:35px; padding-right:35px; }
.quicklink a { color:#373737; text-decoration:none; font-size:16px; height:18px; letter-spacing:-0.5px; }
.quicklink a:hover { color:#216dbd; text-decoration:none; display:inline-block;}
.quicklink .quicklink01 { background:url(../images/common/ico_quicklink.png) no-repeat 0 0; padding-left:30px; padding-right:10px; }
.quicklink .quicklink01:hover { background:url(../images/common/ico_quicklink.png) no-repeat 0 -28px;}
.quicklink .quicklink02 { background:url(../images/common/ico_quicklink.png) no-repeat 0 -56px; padding-left:24px; padding-right:10px; }
.quicklink .quicklink02:hover { background:url(../images/common/ico_quicklink.png) no-repeat 0 -84px;}
.quicklink .quicklink03 { background:url(../images/common/ico_quicklink.png) no-repeat 0 -112px; padding-left:23px; padding-right:10px; }
.quicklink .quicklink03:hover { background:url(../images/common/ico_quicklink.png) no-repeat 0 -138px;}
.quicklink .quicklink04 { background:url(../images/common/ico_quicklink.png) no-repeat 0 -164px; padding-left:26px; }
.quicklink .quicklink04:hover { background:url(../images/common/ico_quicklink.png) no-repeat 0 -193px;}
@-moz-document url-prefix(){
	.quicklink ul li { display:inline-block; padding-left:34px; padding-right:34px; }
} /*for firefox*/

/*footer*/
#footer_wrap{ clear:both; width:100%; height:95px; border-top:1px solid #e7e7e7; }
.footer { clear:both; width:980px; height:95px; margin:auto; padding-top:20px; background:url(../images/common/ci_footer.png) no-repeat 0 20px; }
.footer > .footerlink { margin-left:235px; margin-bottom:7px; }
.footer > .footerlink a { font-size:13px; color:#3e3e3e; vertical-align:middle; }
.footer > .footerlink .bar { padding-left:10px; padding-right:10px; color:#e1e1e1; vertical-align:middle; }
.footer > address { color:#848484; font-size:11px; font-style:normal; margin-left:235px; margin-top:0px; line-height:17px; float:left; letter-spacing:0em; }
.footer > address .bar { padding-left:15px; padding-right:15px; color:#e1e1e1; vertical-align:middle; }
.select_box_foot { position:relative; float:right; margin-top:-27px; margin-left:4px; width:169px; height:32px; line-height:32px; 	background: url(../images/common/select_arrow.png) no-repeat 96% center;  border: 1px solid #cccccc; color:#909090 !important;  }
.select_box_foot label { position: absolute; font-size: 12px; color: #909090; top: 0; left: 8px; letter-spacing: 0;}
.select_box_foot select.foot { float:left;  width:100%; height:24px; line-height:24px; font-size: 12px; color: #666 !important; padding:5px; opacity: 0; filter: alpha(opacity=0); }
.select_box_foot select option { color:#666; }
.select_box_foot select::-ms-expand, .sch_member select::-ms-expand { display: none !important; } /*for IE*/

/*sub*/
#sub_contents_wrap { clear:both; width:100%; font-size:13px; }
#sub_contents_wrap .contents { clear:both; position:relative; width:980px; min-height:550px; height:auto; overflow:hidden; margin:-38px auto 60px; background:none; display:block; line-height:18px; background:url(../images/sub/sub_bg.gif) no-repeat 0 0; font-size:12px; }
#sub_contents_wrap h2 { clear:both; font-size:35px; font-weight:normal; color:#333; letter-spacing:-1px; line-height:1; padding-top:5px; margin-bottom:35px; }
#sub_contents_wrap .contents h2 > .sub_text { display:block; color:#939393; font-size:14px; letter-spacing:0; margin-top:12px; }
#sub_contents_wrap .quicklink { clear:both !important; width:100%; height:83px; margin:0; border-top:1px solid #e7e7e7; background:url(../images/main/con_bg.gif) repeat center 0; }
#sub_contents_wrap .quicklink ul { width:980px; margin:auto; background:#fff; box-shadow:0 2px 5px #c1c1c1; }

.local { float:right; margin-top:57px; color:#959595; text-decoration:none; font-size:12px; }
.local li { float:left; }
.local li > .local_arrow{ margin:0 4px; }
.local img { vertical-align:middle; }
.local .this_page { color:#f58232; font-weight:bold; }

/*개인정보취급방침*/
.policy_info{ padding:15px; border:1px solid #d5d5d5; line-height:20px; background:#f9f9f9; margin-bottom:30px; font-size:14px;}
.policy_box > ul>li>ol{ margin-top:20px; padding-left:20px; font-size:16px; font-weight:600;}
.policy_box > ul>li>ol>li{ margin-top:20px;}
.policy_box > ul>li>ul>li>ol>li{ margin-top:10px; margin-left:10px; line-height:13px;}
.policy_box .d4{clear:both; margin-left:0px;  margin-top:10px; font-weight:normal; color:#666; list-style:none; background:url(../images/common/blit_d4.png) no-repeat 0 7px; padding-left:10px; font-size:13px;}.policy_box > ul>li>ul>li.d4{ margin-left:10px;}
.policy_box > ul>li>ul>li{ margin-top:10px;}
.policy_box > ul>li>ul>li>ul>li.d4{ margin-left:10px; line-height:10px;background:url(../images/common/blit_d4.png) no-repeat 0 3px;}

.policy_box > ul>li>ol>li>ul>li>ul>li{ list-style:none; margin-top:8px; line-height:13px;} 

/*이메일무단수집거부*/
.email{ width:100%; text-align:center; margin-top:100px;}

/*sitemap*/
.sitemap_wrap { position:relative; }
.sitemap_wrap > ul > li:first-child { margin-left:0px; }
.sitemap_wrap > ul > li+li+li+li, .sitemap_wrap > ul > li+li+li+li+li+li+li { clear:both; margin-left:0px; }
.sitemap_wrap > ul > li+li+li+li+li { float:left !important; clear:none; margin-left:52px; }
.sitemap_wrap > ul > li { display:block; float:left !important; width:292px; height:auto; min-height:220px; overflow:hidden; margin-left:52px; margin-bottom:40px; background:url(../images/common/bar_sitemap.png) no-repeat 0px 31px; font-size:18px; color:#555; font-weight:bold; vertical-align:top}
.sitemap_wrap li.dep1 > ul { margin-top:24px; }
.sitemap_wrap li.dep1 > ul li a {clear:both; margin-left:10px; font-size:13px; padding-left:9px; background:url(../images/common/blit_gray.png) no-repeat 0px 6px;margin-top:15px; font-weight:normal; color:#666; }
.sitemap_wrap li.dep1 > ul li a:hover { color:#f36f21; }