@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Arimo:400,700');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700');

@import url('/css/default/notosanskr.css');


/****************************** 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','Noto Sans KR', 'Nanum Gothic', '나눔고딕', Gothic, '고딕', dotum, '돋움', sans-serif; color:#717171; font-size:0.95em;letter-spacing:-0.03em; line-height:1.5;}
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;}
img,fieldset,iframe {border:0 none;}
li {list-style:none;}
input, select {vertical-align:middle; border:1px solid #d5d5d5; vertical-align:middle;}
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;}

/* 기본세팅  */
body { /*min-height: 2000px;*/ margin:0; padding:0;}
div.bs-header {}
img {max-width:100%;}
div.bs-header {margin-bottom:20px;}
#header {height: 56px; position:relative;}
#header h1 {text-align:center; padding-top:9px;}

/* 전체메뉴 보기 */
#header .topMenu { position:absolute; top:16px; right:8px; width:40px; height:30px;text-align:center; vertical-align:middle; cursor:pointer; }
#navi{background:#fff;display:none; position:absolute; right:-265px; top:0; width:265px; height:100%;  z-index:9999;}
#mnaviHead {position:relative; display:block; height:56px; background-color:#0AC9FD; }
#mnaviHead h3{font-size:1.2em;color:#fff; padding-left: 10px; font-weight:700; line-height:56px;}
#mnaviHead p.close a {position:absolute; right:10px; top:15px;}


/*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.1em; padding-left: 15px; color:#333333;font-weight:700; }
#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:500; 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-top:1px solid #e0e2e4;  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;}

/* 네비게이션 서브메뉴 */
div.smenu_wrap{position:relative;padding-left:37px; background-color:#f4f5f7; height:45px; border-top:1px solid #e0e2e4; border-bottom:1px solid #e0e2e4;z-index:10;box-sizing:border-box; z-index:3;}
div.smenu_wrap span {position:absolute;top:0;left:0;width:37px; height:45px;  line-height:45px; text-align:center;}
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 : 45px; }
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:1.3; font-size:1.0em; font-weight:bold; letter-spacing:-0.08em; 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:43px; 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:#176AB4; color:#fff;}
div.smenu ul.sm > li div#subMList ul li.active a{background-color:#176AB4; color:#fff;}

h2.mobile_pt{color:#333333; font-size:1.5em; font-weight:bold; letter-spacing:-0.08em; margin:22px 10px 20px 10px; padding-bottom:5px; border-bottom:1px solid #ddd;}

/*3차*/
div.third {margin-bottom:30px; *zoom:1; height:35px;}
div.third ul{display:table; width:100%; margin:0 auto; line-height:0; font-size:0;}
div.third li {display:table-cell; *display:inline; *zoom:1; width:25%; height:35px; vertical-align:middle; text-align:center;border:1px solid #e7e7e7; background-color:#f5f5f5; padding:0px 10px;}
div.third li a {display:block; line-height:1.2; font-size:15px; color:#333;text-transform:capitalize; }
div.third li.active{background-color:#444; border:1px solid #444;} 
div.third 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;  }


/*푸터*/
div#footer{ padding: 25px 0px;text-align:center; }
div#footer div.address{width: 100%;box-sizing:border-box; padding:0px 10px; color: #999; font-size:0.75em; line-height:1.5;overflow:hidden; text-align:center;}
div#footer h3{margin-bottom:20px;}
div#footer div.address p{letter-spacing:0; }
div#footer div.address a{color:#000; font-weight:bold;}
div#footer div.address p span{margin:0px 10px;}
div#footer p.copy{text-align:center;  color:#aaa;  margin-top:5px;}
div#footer b{color:#0AC9FD;}

div#footer div.link{width:100%; text-align:center; margin-top:20px;}
div#footer div.link ul{clear:both; text-align:center;}
div#footer div.link ul li{margin:0; padding:0; display:inline-block; float:none;}
div#footer div.link ul li a{display:inline-block; padding: 0px 3px; font-size:0.85em;  color: #000;}


div.top{position:fixed; bottom:30px; right:10px; z-index:100;}
div.top a{background-color:#0AC9FD; color:#fff; display:block; width:35px; height:35px; text-align:center; line-height:35px; border-radius:50%; font-size:0.65em;}