@charset "UTF-8";

/* font */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(/Resources/Kor/font/NotoSansKR-Light.woff2) format('woff2'),
       url(/Resources/Kor/font/NotoSansKR-Light.woff) format('woff'),
       url(/Resources/Kor/font/NotoSansKR-Light.eot?#iefix) format('embedded-opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(/Resources/Kor/font/NotoSansKR-Regular.woff2) format('woff2'),
        url(/Resources/Kor/font/NotoSansKR-Regular.woff) format('woff'),
        url(/Resources/Kor/font/NotoSansKR-Regular.eot?#iefix) format('embedded-opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(/Resources/Kor/font/NotoSansKR-Medium.woff2) format('woff2'),
        url(/Resources/Kor/font/NotoSansKR-Medium.woff) format('woff'),
        url(/Resources/Kor/font/NotoSansKR-Medium.eot?#iefix) format('embedded-opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(/Resources/Kor/font/NotoSansKR-Bold.woff2) format('woff2'),
        url(/Resources/Kor/font/NotoSansKR-Bold.woff) format('woff'),
        url(/Resources/Kor/font/NotoSansKR-Bold.eot?#iefix) format('embedded-opentype');
 }

/* reset */
html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select{padding:0; margin:0;}
body{font-family:'Noto Sans KR', Dotum, '굴림', Gulim, Helvetica, sans-serif; font-size:13px; font-weight:300; letter-spacing:-0.5px; color:#333; -webkit-text-size-adjust:none;}
body.pop_open{overflow:hidden; width:100%; height:100%;}
h1, h2, h3, h4, h5, h6, strong{font-weight:400; font-size:100%;}
fieldset, img, button{border:0;}
img, input, button{vertical-align:top;}
table{border-collapse:collapse;}
address, em{font-style:normal;}
ol, ul{list-style:none;}
hr{display:none;}
a{text-decoration:none; color:#444;}
a:hover, a:active{text-decoration:none;}
legend{position:absolute; left:-9999px; top:0}
caption{overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
button{background:none; box-sizing:border-box; font-family:'Noto Sans KR', Dotum, '굴림', Gulim, Helvetica, sans-serif; cursor:pointer;}
button::-moz-focus-inner{padding:0; border:0;}
input[type=text], input[type=password] , select{padding:11px 20px; border:1px solid #dadada; box-sizing:border-box; font-family:'Noto Sans KR', Dotum, '굴림', Gulim, Helvetica, sans-serif; font-size:16px; font-weight:300; vertical-align:middle; color:#666;}
select{height:46px; padding:0 0 0 20px; background:url(/Resources/Eng/images/common/select_arr.png) 100% 50% no-repeat; appearance:none; -webkit-appearance:none; -moz-appearance:none;}
select::-ms-expand{display:none;}
textarea{padding:15px 20px; border:1px solid #dadada; box-sizing:border-box; font-family:'Noto Sans KR', Dotum, '굴림', Gulim, Helvetica, sans-serif; font-size:16px; font-weight:300; vertical-align:middle; color:#666; resize:none;}


/* layout */
#wrap{position:relative; width:100%; min-width:1140px;}
#header{overflow:hidden; position:absolute; left:0; top:0; z-index:1000; width:100%; height:97px; transition:.5s height, .2s background;}
.header .inner{position:relative; width:100%; max-width:1500px; height:97px; margin:0 auto;}
.header .inner:after{display:block; clear:both; content:"";}
.header h1{overflow:hidden; position:absolute; left:0; top:0; width:201px; padding-top:31px; padding-left:5px;}
.header h1 a{overflow:hidden; display:block; height:31px; background:url(/Resources/Eng/images/common/logo.png) 0 0 no-repeat; text-indent:-9999px;}
.header .gnb_wrap{position:absolute; left:50%; top:0; width:864px; margin-left:-280px;}
.header .gnb{}
.header .gnb li{float:left; width:216px; text-align:left;}
.header .gnb a{display:inline-block; font-weight:400; line-height:1em; color:#fff;}
.header .gnb:after{display:block; clear:both; content:"";}
.header .gnb .depth1{position:relative;}
.header .gnb .depth1 > a{display:block; height:57px; padding:40px 0 0; font-size:20px;}
.header .gnb .depth1 > a:hover,  .header .gnb .depth1.on > a{color:#6b9ecc;}
.header .gnb .depth2{display:none;}
.header .util_menu{position:absolute; right:0; top:0; width:48px; padding:37px 5px;}
.header .util_menu a{display:inline-block; font-size:17px; vertical-align:middle; line-height:1em; color:#d7d7d7;}
.header .util_menu a:hover{color:#6b9ecc;}
.header .util_menu .menu2{position:relative; margin-left:24px;}
.header .util_menu .menu2:before{position:absolute; left:-12px; top:50%; width:1px; height:16px; margin-top:-8px; background:#aaa; content:"";}
.header .util_menu .menu3{overflow:hidden; width:46px; height:20px; line-height:20px; margin-top:3px; border:1px solid #d7d7d7; font-size:12px; text-align:center;}
.header .util_menu .menu4{width:24px; height:20px; background:url(/Resources/Eng/images/common/ico_common.png) -50px 0 no-repeat; margin-left:20px; text-indent:-9999px;}

/* header */
#header.on{background:#fff;}
#header.on:before{position:absolute; left:0; bottom:-50px; width:100%; height:50px; background:#6b9ecc; content:"";}
.header.on h1 a{background-position:0 100%;}
.header.on .gnb .depth1 > a{color:#333;}
.header.on .gnb .depth1 > a:hover, .header .gnb .depth1.on > a{color:#6b9ecc;}
.header.on .util_menu a{color:#666;}
.header.on .util_menu .menu2:before{background:#666;}
.header.on .util_menu .menu3{border:1px solid #666;}
.header.on .util_menu .menu4{background-position:-50px -50px;}

/* header_hover */
#header.all{height:457px; background:#fff; z-index:1100;}
#header.all:before{position:absolute; left:0; top:97px; width:100%; height:360px; background:#f1f1f3; content:"";}
.header.all h1 a{background-position:0 100%;}
.header.all .util_menu a{color:#666;}
.header.all .util_menu a:hover{color:#24629b;}
.header.all .util_menu .menu2:before{background:#666;}
.header.all .util_menu .menu3{border:1px solid #666;}
.header.all .util_menu .menu4{background-position:-100px -50px;}
.header.all .gnb_wrap{}
.header.all .gnb_wrap .gnb{overflow:hidden; margin:0 auto; text-align:left;}
.header.all .gnb_wrap .gnb a{color:#666;}
.header.all .gnb_wrap .gnb a:hover, .header.all .gnb_wrap .gnb a:focus{color:#6b9ecc;}
.header.all .gnb_wrap .depth1{overflow:hidden;}
.header.all .gnb_wrap .depth1 > a{margin-bottom:20px; color:#24629b;}
.header.all .gnb_wrap .depth1 > a:hover,.header.all .gnb_wrap .depth1 > a:focus{color:#24629b;}
.header.all .gnb_wrap .depth2{display:block;}
.header.all .gnb_wrap .depth2 > li{display:block;}
.header.all .gnb_wrap .depth2 > li > a{padding-left:12px; margin-bottom:20px; font-size:16px; font-weight:400; text-indent:-12px; line-height:1em; color:#333;}
.header.all .gnb_wrap .depth2 > li > a:before{content:"· "}
.header.all .gnb_wrap .depth3{padding-left:12px;}
.header.all .gnb_wrap .depth3 > li{display:block; margin-bottom:17px; font-size:15px; line-height:1em; color:#666;}
.header.all .gnb_wrap .depth3 > li a{display:inline-block; font-weight:300;}

/* footer */
.footer{padding:35px 0; background:#3e3e3e; font-weight:400; color:#828282;}
.footer .inner{position:relative; width:100%; min-width:1140px; max-width:1600px; margin:0 auto; background:url(/Resources/Eng/images/common/footer_logo.png) 5px 0 no-repeat;}
.footer .left{padding-left:236px; letter-spacing:0;}
.footer .left .link_area{overflow:hidden; margin-bottom:20px; }
.footer .left .link_area li{float:left; position:relative; margin-left:33px;}
.footer .left .link_area li:first-child{margin-left:0;}
.footer .left .link_area li a{display:block; font-size:14px; color:#8d8d8d;}
.footer .left .link_area li a:hover{text-decoration:underline;}
.footer .left .link_area li:before{position:absolute; left:-15px; top:50%; width:1px; height:14px; margin-top:-7px; background:#8d8d8d; content:"";}
.footer .left .link_area li:first-child:before{content:none;}
.footer .left .address{font-size:13px;}
.footer .left .address span{margin-left:20px;}
.footer .left .copy{font-size:12px;}
.footer .right{position:absolute; right:0; top:0; width:144px;}
/*
.footer .right .sns_link{float:left;}
.footer .right .sns_link a{overflow:hidden; display:inline-block; width:32px; height:32px; background:url(/Resources/Eng/images/common/ico_common.png) 0 -100px no-repeat; text-indent:-9999px;}
.footer .right .family_link{float:right; position:relative;}
.footer .right .family_link button{width:147px; height:35px; border:1px solid #626262; font-size:13px; font-weight:400; color:#828282;}
.footer .right .family_link button span{margin-left:5px; font-size:10px;  vertical-align:2px;}
.footer .right .link_pop{display:none; position:absolute; left:0; bottom:35px; width:145px; border:1px solid #626262; border-bottom:0 none; }
.footer .right .link_pop.on{display:block;}
.footer .right .link_pop li{background:#3e3e3e; border-top:1px solid #626262;}
.footer .right .link_pop li:first-child{border-top:0 none;}
.footer .right .link_pop li a{display:block; padding:7px 10px; font-size:13px; color:#828282;}
.footer .right .link_pop li a:hover{color:#fff;}
*/
.footer .right #pqLinkBtn{display:inline-block; width:144px; height:35px; margin-bottom:10px; background-color:#666; color:#dcdcdc; line-height:35px; text-align:center;}
.scroll_top_area{display:none; overflow:hidden; position:absolute; right:5px; bottom:242px; width:100%; height:50px;}
.scroll_top_area.fixed{position:fixed; bottom:70px;}
.scroll_top_area .scroll_inner{position:relative; width:100%; max-width:1300px; height:50px; margin:0 auto;}
.scroll_top_area .top_btn{position:absolute; top:0; right:0; width:50px; height:50px; background:url(/Resources/Eng/images/common/top_btn.png) 0 0 no-repeat; text-indent:-9999px;}

/* table */
.default_table{width:100%; border-top:2px solid #335173; color:#a8a8a8;}
.default_table th, .default_table td{padding:19px 0; border-bottom:1px solid #eaeaea; font-size:16px; word-wrap:break-word; word-break:break-all; color:#666;}
.default_table th{font-size:17px; font-weight:400; color:#000;}
.default_table tbody th{text-align:left;}

/* table - type_contents */
.default_table.type_contents  thead th{padding:22px;}
.default_table.type_contents  th{padding:20px 0; border-left:1px solid #eaeaea;}
.default_table.type_contents  td{padding:20px 0; border-left:1px solid #eaeaea; color:#333;}
.default_table.type_contents  tbody th{text-align:center;}
.default_table.type_contents  tbody td{text-align:center;}

/* table - row type */
.default_table.type_row tbody th{padding-left:40px;}
.default_table.type_row tbody td{padding-right:40px;}

/* board_type_col */
.board_table{margin-bottom:30px;}
.board_table thead th{padding:12px 0; font-size:15px; font-weight:300; color:#666;}
.board_table td{font-size:18px; font-weight:400; text-align:center; word-break:break-all; color:#333;}
.board_table td.tit a{overflow:hidden; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:break-word; word-break:keep-all;}
.board_table td.tit a:hover{text-decoration:underline;}
.board_table .nodata{padding:100px 0;}

.board_table_view{margin-bottom:60px;}
.board_table_view tbody th{padding-left:40px; font-size:18px; font-weight:400; color:#000;}
.board_table_view tbody td{padding-left:40px; padding-right:40px; font-size:16px; color:#666;}
.board_table_view tbody td a{display:inline-block;}
.board_table_view .bg th, .board_table_view .bg td{background-color:#f3f3f3;}
.board_table_view .attachment td a{display:inline-block;}
.board_table_view .attachment td a:after{display:inline-block; width:15px; height:14px; margin-left:10px; background:url("/Resources/Eng/images/common/ico.png") -300px -150px no-repeat; vertical-align:middle; content:"";}
.board_table_view tbody .view_cont{padding:20px 0;}
.board_table_view tbody .view_cont img{margin-bottom:10px;}
.board_table_view tbody .view_cont p{margin-bottom:30px;}
.board_btn_area{text-align:right;}

.default_table.type_contents .bdl0{border-left:0 none;}


/* button */
.default_btn{display:inline-block; padding:17px 0; box-sizing:border-box; text-align:center; line-height:1em; color:#fff;}
.default_btn.type_s_g{width:115px; padding:15px 0; background:#a6a6a6; font-size:15px;}
.default_btn.type_s_b{width:100px; padding:17px 0; background:#335173; font-size:15px;}
.default_btn.type_s_sb{width:100px; padding:17px 0; background:#6bb2e2; font-size:15px;}
.default_btn.type_l_g{width:190px; background:#a6a6a6;  font-size:17px;}
.default_btn.type_l_b{width:190px; background:#6bb1e2;  font-size:17px;}
.default_btn.type_link2{width:140px; padding:11px 0; background:#a6a6a6; font-size:14px;} /* faq */
.default_btn.type_link{position:relative; width:200px; padding-left:20px; background:#a6a6a6;  font-size:16px; text-align:left;}
.default_btn.type_link:after{position:absolute; right:20px; top:50%; width:7px; height:13px; margin-top:-6px; background:url(/Resources/Eng/images/common/ico_common.png) -50px -150px no-repeat; content:"";}
.default_btn.type_download{position:relative; width:200px; padding-left:20px; background:#6bb2e2;  font-size:16px; text-align:left;}
.default_btn.type_download:after{position:absolute; right:20px; top:50%; width:17px; height:16px; margin-top:-8px; background:url(/Resources/Eng/images/common/ico_common.png) -350px -150px no-repeat; content:"";}

/* class */
::-webkit-input-placeholder {color:#a8a8a8;}
::-webkit-select-placeholder {color:#a8a8a8;}
::-moz-placeholder {color:#a8a8a8;}
:-ms-input-placeholder {color:#a8a8a8;}
:-moz-placeholder {color:#a8a8a8;}

.blind{overflow:hidden; position:absolute; left:-9999px; top:0; width:1px; height:1px;}
.aster{padding-left:2px; color:#6bb1e2;}
.mark{padding:0 18px;}
.w525{width:525px;}
.w380{width:380px;}
.w340{width:340px;}
.w250{width:250px;}
.w300{width:300px;}
.w200{width:200px;}
.w150{width:150px;}
.wfull{width:100%;}

/* error */
.error.wrap{height:100%;}
.error #container{height:84%; padding-top:235px; box-sizing:border-box;}
.error .contents{padding-bottom:225px;}
.error .header .gnb a{color:#333;}
.error .header h1 a{background-position:0 100%;}
.error .header .util_menu a{color:#333;}
.error .header .util_menu .menu2:before{background:#858585;}
.error .header .util_menu .menu3{background-position:0 -50px;}
.error .error_icon{margin-bottom:40px;}
.error .section{text-align:center;}
.error .section h3{margin-bottom:20px; font-size:35px; line-height:1em; color:#000;}
.error .section p{margin-bottom:40px; line-height:26px;}
.error .footer{height:16%; box-sizing:border-box;}
.error .btn_area{text-align:center;}
.error .default_btn{background-color:#6bb2e2;}
.error .default_btn.eng_error_btn{width:235px;}

/* skipNavi */
#skipNavi{}
#skipNavi a{position:absolute; left:-9999px; top:0;}
#skipNavi a:focus{display:block; left:0; top:0; z-index:1000; width:300px; height:50px; background-color:#000; font-size:30px; color:#fff; line-height:50px; text-align:center;}