@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700');


/****************************** RESET ******************************/
html,body {width:100%;}
html{height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button {margin:0; padding:0}
div {outline:none;}
body,h1,h2,h3,h4,input,button,textarea, select {margin:0; font-family: 'Noto Sans', sans-serif; color:#717171; font-size:0.95em; line-height:1.3; letter-spacing:0;}
body {*word-break:break-all; -ms-word-break:break-all; -webkit-text-size-adjust:none; overflow-y: scroll;}
header, footer, section, article, aside, hgroup, details, menu, figure, figcaption {display:block;}
h3 { font-family: 'Noto Sans', sans-serif; letter-spacing:-0.003em;}
img,fieldset,iframe {border:0 none;}
li {list-style:none;}
input, select {vertical-align:middle; border:1px solid #d5d5d5; vertical-align:middle; font-size:0.9em;}
img {vertical-align:middle;}
i,em,address {font-style:normal;}
label,button {cursor:pointer; display:inline-block;}
button {margin:0;padding:0;}
a {text-decoration:none; color:#717171;}
a:hover {text-decoration:none;}
hr {display:none;}
table {border-collapse:collapse; border-spacing:0;}
table caption {width:0; height:0; text-indent:-9999px; overflow:hidden;}
.clear_both {clear:both; *zoom:1;}
.clear_both:after {content:" "; display:block; clear:both;}

img,input{vertical-align:top;}
label{vertical-align:middle; font-size:14px;}
input{vertical-align:middle}
input[type="text"], input[type="password"]{-webkit-appearance:none; border-radius:0; border:0; padding:0; height:auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{-webkit-appearance:button;border-radius:0}


/* 입력 스타일 */
input[type="radio"],input[type="checkbox"] {border:0; padding:0; height:auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input[type="password"] {height:38px; border:1px solid #e1e1e1; color:#555; background:#f7f7f7; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 3px 10px; box-sizing:border-box;  }

textarea{padding:10px; width:100%;vertical-align:middle; box-sizing:border-box; background:#f7f7f7; border:1px solid #e1e1e1; color:#555;  letter-spacing:-0.4px; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius:0}


/* 기본세팅  */
body { /*min-height: 2000px;*/ margin:0; padding:0;}
div.bs-header {}
img {max-width:100%;}
div.bs-header {margin-bottom:20px;}
#header {height: 56px; background-color: #fff; position:relative; border-bottom:1px solid #888;}
#header h1 {text-align:center; padding-top:18px;}
#header p.my{position:absolute; right:15px; font-size:1.2em; font-weight:bold; top:0px; height:56px; line-height:56px;}
#header p.my a{color:#00205A;}

/* 전체메뉴 보기 */
#header .topMenu { position:absolute; top:18px; left:8px; width:40px; height:30px;text-align:center; vertical-align:middle; cursor:pointer; }
#header .search_btn { position:absolute; top:15px; right:8px; width:40px; height:30px;text-align:center; vertical-align:middle; cursor:pointer; }
#navi{background:#ffffff;display:none; position:absolute; left:-265px; top:0; width:265px; height:100%;  z-index:9999;}
#mnaviHead {position:relative; display:block; height:56px; background-color:#0071C0; color:#fff; line-height:56px; font-size:1.4em; box-sizing:border-box;  font-family:'Roboto', sans-serif; font-weight:700; padding:0px 10px;}
#mnaviHead span{font-size:0.8em; font-weight:500;}
#mnaviHead p.close a {position:absolute; right:10px; top:50%; margin-top:-9.5px;}

#navi ul.mem{overflow:hidden;}
#navi ul.mem li{width:50%; float:left;}
#navi ul.mem li a{display:block;height:35px; line-height:35px;  background-color:#F3F4F5; color:#333; text-align:center; box-sizing:border-box;  border-bottom:1px #e2e2e2 solid; border-left:1px #e2e2e2 solid;}
#navi ul.mem li:first-child a{border-left:none;}

/*1차*/
#navi ul#mbtop {width:100%; margin:0; padding:0;}
#navi ul#mbtop li {float:none; width:100%; border-bottom:1px #e2e2e2 solid; background:url('/images/mobile/down.png') 95% 15px no-repeat; background-size:15px auto;}
#navi ul#mbtop li a {display:block; width:100%; height:40px; box-sizing:border-box; font-weight:bold;  line-height:40px; font-size:1.2em; padding-left: 15px; color:#333333;font-weight:600; }
#navi ul#mbtop li a span {font-size:15px;}

/*2차*/
#navi ul#mbtop li ul {display:none; float:none; background-color:#f5f5f5; position:relative; left:0; top:0; width:auto; height:auto; visibility:visible; }
#navi ul#mbtop li ul li {float:none; border-top:1px #e2e2e2 solid; border-bottom:none; padding-left: 18px;  box-sizing:border-box;  background: none;}
#navi ul#mbtop li ul li a {color:#333333 ; background:url(none); font-size:1.0em; font-weight:600; height:40px; line-height:40px;padding-left:0;}

/*3차*/
#navi ul#mbtop li ul li ul{display:none;border:none; height:0;background:none; margin:0; padding:0;}
#navi ul#mbtop li ul li ul li {display:none;}

/* 네비게이션 - 탭모양*/
div.tm{position:relative;padding-left:37px; background-color:#f4f5f7; height:40px; border-bottom:1px solid #e0e2e4; z-index:10;}
div.tm_r{width:100%;box-sizing:border-box;}
div.tm span {position:absolute;top:0;left:0;width:37px; height:40px;  line-height:40px; text-align:center;border-right:1px solid #e0e2e4;}
div.tm span img{vertical-align:middle !important;}


/* 네비게이션 서브메뉴 */
div.smenu_wrap{position:relative;padding-left:37px; background-color:#f4f5f7; height:40px; border-top:1px solid #e0e2e4; border-bottom:1px solid #e0e2e4;z-index:10;box-sizing:border-box;}
div.smenu_wrap span {position:absolute;top:0;left:0;width:37px; height:40px;  line-height:40px; text-align:center;}
div.smenu_wrap span img{vertical-align:middle;}
div.smenu{width:100%;box-sizing:border-box; position:relative; clear:both;}
div.smenu ul.sm{ display:table;table-layout: fixed;  margin: 0px;  padding: 0px; width:100%;  height : 40px; }
div.smenu ul.sm > li{display: table-cell;vertical-align: middle; line-height:100%; background: url(/images/mobile/sm.gif) no-repeat 97% center; background-size: 12px auto; position:relative; border-right:1px solid #e0e2e4; padding:0px 18px 0px 10px; }
div.smenu ul.sm > li:first-child{border-left:1px solid #e0e2e4;}
div.smenu ul.sm > li > a{line-height:100%; font-size:1.0em; font-weight:bold;  color:#666;}
div.smenu ul.sm > li.active{background: url(/images/mobile/sm_on.gif) no-repeat 97% center;}

div.smenu ul.sm > li div.scon{position:absolute; top:38px; left:0; width:100%;}
div.smenu ul.sm > li div.scon ul{background-color:#fff; border:1px solid #e0e2e4;}
div.smenu ul.sm > li div.scon ul li a{padding:10px 2px 10px 10px; display:block;  border-top:1px solid #e0e2e4; line-height:1.3;}
div.smenu ul.sm > li div.scon ul li:first-child a{border-top:none;}
div.smenu ul.sm > li div.scon ul li.active a{background-color:#00b1b0; color:#fff;}
div.smenu ul.sm > li div#subMList ul li.active a{background-color:#00235d; color:#fff;}

h2.mobile_pt{color:#333333; font-size:1.5em;font-family:'Roboto', sans-serif; letter-spacing:-0.003em; font-weight:bold; margin:22px 10px 20px 10px; padding-bottom:5px; border-bottom:1px solid #ddd;}


/* 탭메뉴 */
div.third{position:relative;margin-bottom:30px;}
div.third a { color:#fff; }
div.third ul {overflow:hidden; overflow:hidden;border-top:1px solid #004886; border-right:1px solid #004886; }
div.third ul li {text-align:center; width:50%; float:left; box-sizing:border-box; border-left:1px solid #004886; border-bottom:1px solid #004886;}
div.third ul li a{display:block; height:35px; line-height:35px; font-size:0.9em; font-weight:bold;color:#004886; }
div.third ul li.active {background-color:#004886; border-color:#004886; }
div.third ul li.active a{color:#fff;}


div.content_wrap{position:relative; z-index:0; min-height:230px; padding-bottom:30px;}

/* 버튼 */
.btn_confirm { margin-right: 7px;  padding: 8px 30px;   font-size: 1.0em;  font-weight: bold;  color: #fff;  background-color: #dd4834;  border: 1px solid #dd4834; cursor:pointer; border-radius: 0 !important;  -webkit-appearance: none !important; }
.btn_cancel {  padding:8px 30px;   font-size: 1.0em;  font-weight: bold;  color: #fff;  background-color: #6d6c74;  border: 1px solid #666;cursor:pointer; border-radius: 0 !important;  -webkit-appearance: none !important;  }

/* TOP */
div.top_button{position:fixed; bottom:75px; right:10px; z-index:10000;}

/*footer*/

div.link{background-color:#fff; padding:15px 0px;}
div.link ul{text-align:center;}
div.link ul li{display:inline-block; } 
div.link ul li a{display:inline-block; font-size:0.8em; margin:0px 10px; color:#505050;}

div#footer{overflow:hidden;background-color:#4C4C4C; box-sizing:border-box; padding:0px 10px;}
div#footer div.copyright{padding:30px 0px; }
div#footer div.copyright p{font-size:0.8em;color:#fff; font-weight:400;}
div#footer div.copyright p.copy{margin-top:10px;color:#898989;}
div#footer div.copyright p span{font-size:1.1em;color:#00d2ff; padding-left:10px; margin-right:20px; font-weight:700; line-height:22px;}
div#footer div.copyright p span:first-child{margin-left:0;}
div#footer div.copyright p.center{margin-bottom:20px; line-height:22px;}

div.pc{margin-top:20px;}
div.pc ul{text-align:center;}
div.pc ul li{display:inline-block; height:28px; }
div.pc ul li a{display:inline-block; font-size:0.8em; margin:0px 10px; color:#fff; vertical-align: middle;}

/* 나라별 */
div.country{width:100%; background:url('/images/default/main/country_bg.jpg') no-repeat center center; height:300px;padding:40px 0px; box-sizing:border-box; background-size:cover; color:#fff; margin-top:30px; text-align:center; }
div.country img.earth{margin-top:30px; width:45px;}
div.country ul{ overflow:hidden; box-sizing:border-box;padding:20px 30px;text-align:center; }
div.country ul li{float:left; font-size:0.9em; width:33.33%;text-align:center; font-weight:400;}
div.country ul li a{color:#fff;}

/*마진,패딩 클래스*/
.m10{margin:10px 0px;}
.mt0 {margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}

.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}
.mb60{margin-bottom:60px !important;}
.mb280{margin-bottom:280px !important;}

.ml0 {margin-left:0 !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}
.ml100{margin-left:100px !important;}

.mr0 {margin-right:0 !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}

.pt0 {padding-top:0 !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}

.pb0 {padding-bottom:0 !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}

.pl0 {padding-left:0px !important;}
.pl5 {padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl50{padding-left:50px !important;}
.pl55{padding-left:55px !important;}
.pl60{padding-left:60px !important;}
.pl65{padding-left:65px !important;}
.pl70{padding-left:70px !important;}
.pl75{padding-left:75px !important;}
.pl85{padding-left:85px !important;}
.pl95{padding-left:95px !important;}

.pr0 {padding-right:0 !important;}
.pr5 {padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}