@charset "utf-8";

/*** common ***/
body {font-family: "NanumBarunGothic", "Nanum Square", "NanumGothic01", "????", Dotum, Helvetica, Verdana, Arial, sans-serif;}
#wrap {width:100%; height:auto; overflow:hidden;font-family: "NanumBarunGothic", "Nanum Square", "NanumGothic01", "????", Dotum, Helvetica, Verdana, Arial, sans-serif;font-size:16px;font-weight:normal;}
.al_box {width:100%; max-width:1100px; height:auto; margin:0 auto; position:relative;} 
.al_box:after {content:""; display:block; clear:both;}
a:hover, a:active {text-decoration:underline;}
#wrap .floating_top {position:fixed; left:auto !important; right:20px !important; bottom:20px; width:40px; border:1px solid #cbcbcb; overflow:hidden;
-webkit-opacity:0.8; -moz-opacity:0.8; -ms-opacity:0.8; -o-opacity:0.8; opacity:0.8; filter:alpha(opacity=80);
-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; z-index:999; display:none;}
#wrap .floating_top a {display:block; width:40px; height:40px; background:#fff url(../images/floating_top_btn.gif) no-repeat center 50%;}
#wrap .floating_top a span {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}

/*** header ***/
#header_2016 {position:absolute; width:100%; left:0; top:0; z-index:501; font-family:"ulR", "Nanum Square", "NanumGothic01", "나눔고딕", Dotum, Helvetica, Verdana, Arial, sans-serif;}
#header_2016 .my_water {float:left; height:36px;}
#header_2016 .my_water a {display:block; background:#373737; height:100%; color:#e1e1e1; line-height:36px; padding:0 15px;}
#header_2016 .my_water a span {display:inline-block; vertical-align:top; background:url(../images/my_potal_title.png) no-repeat left 12px; width:90px; height:100%; text-indent:-9999px;}
#header_2016 #toputil {width:100%; height:36px; background:#eee;}
#header_2016 #toputil:after {content:""; display:block; clear:both;}
#header_2016 h1.logo {position:absolute; left:0; top:60px; width:189px; height:40px; margin:0; z-index:990; background:none;}
#header_2016 h1.logo a {display:block; width:auto; height:120%; background:url('../images/logo.png') no-repeat left top; background-size:100% auto;
-webkit-transition: all .3s ease; transition: all .3s ease;}
#header_2016 h1.logo a span {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}
#header_2016 #global {width:auto; /*position:absolute; left:0; top:0; z-index:1;*/ float:right; background:#373737; padding:0 15px;}
#header_2016 #global form ,#header_2016 #global span {float:left; color:#fff; line-height:36px;}
#header_2016 #global a {color:#fff; display:inline-block; vertical-align:top; line-height:36px; font-size:13px;}
/*
#header_2016 #global a {display:block; float:left; width:auto; height:36px; line-height:36px; padding:0 25px; text-align:center; color:#fff; background:#373737; font-size:13px;}
#header_2016 #global a:first-child {border-right:1px solid #464646;}
*/
#header_2016 #sns_link {width:130px; /*position:absolute; right:0; top:0; z-index:1;*/ float:right;}
#header_2016 #sns_link:after {content:""; display:block; clear:both;}
#header_2016 #sns_link li {float:left; width:65px; height:25px; overflow:hidden; margin-top:8px;}
#header_2016 #sns_link li a {display:block; width:65px; height:25px;color:#9e9e9e;-webkit-transition: all .3s ease; transition: all .3s ease;}
#header_2016 #sns_link li a span {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}

#header_2016 #gnb {width:100%; height:85px; background:#fff; position:relative; z-index:10; padding-top:0; float:none; text-align:left; padding-left:0;
-webkit-opacity:0.9; -moz-opacity:0.9; -ms-opacity:0.9; -o-opacity:0.9; opacity:0.9; filter:alpha(opacity=90);}
#header_2016 #gnb .al_box {overflow:hidden;}
#header_2016 #nav {padding:10px 0px 0 24%; position:relative; z-index:101;}
#header_2016 #nav ul {width:100%; height:auto; overflow:hidden; padding-top:0; float:none; text-align:left; position:relative; left:auto; top:auto;
font-family:"Nanum Square", "NanumBarunGothic", "NanumGothic01", "나눔고딕", Dotum, Helvetica, Verdana, Arial, sans-serif;}
#header_2016 #nav ul:after {content:""; display:block; clear:both;}
#header_2016 #nav ul li {float:left; width:20%; text-align:center; display:block;}
#header_2016 #nav ul li.menu6 {display:none;}
#header_2016 #nav ul li a {display:block;color: rgb(30, 30, 30);  font-size:21px; line-height:30px; padding:23px 0; height:29px; font-weight:600; text-decoration:none; margin-left:0;}
#header_2016 #nav ul li a.ov, #header_2016 #nav ul li a:hover, #header_2016 #nav ul li a:active {color:#5b9a4a;}
#header_2016 #nav ul li ul {display:none; width:auto; padding:0 15px;}
#header_2016 #nav ul li ul.ov {background: none;border-top:2px solid #5b9a4a;}
#header_2016 #nav ul li ul li {float:none; width:auto; text-align:center;}
#header_2016 #nav ul li ul li a {padding:0; height:auto; font-size:14px; line-height:19px; font-weight:normal; padding:5px 0; color:#fff;}
#header_2016 #nav ul li ul li a strong {color:#515151; font-weight:normal; display:inline-block; margin:0;}
#header_2016 #nav ul li ul li a:hover strong, #header_2016 #nav ul li ul li a:active strong {text-decoration:underline; color:#356b27;font-family:"Nanum Square", "NanumBarunGothic", "NanumGothic01", "나눔고딕", Dotum, Helvetica, Verdana, Arial, sans-serif;}
#header_2016 #gnb #blind {width:100%; border-top:1px solid #d7d7d7;background:#fff; position:absolute; left:0; top:85px; display:none; z-index:101;
-webkit-opacity:0.9; -moz-opacity:0.9; -ms-opacity:0.9; -o-opacity:0.9; opacity:0.9; filter:alpha(opacity=90);}
#header_2016 #gnb #blind span {display:block; max-width:1280px; height:100%; margin:0 auto; /*background:url(../images/gnb_blind_bg.png) no-repeat 8% 80%;*/
-moz-opacity:0.5; -ms-opacity:0.5; -o-opacity:0.5; -webkit-opacity:0.5; opacity:0.5; filter:alpha(opacity=50);}
#header_2016 .totalsearch {position:absolute; right:50%; margin-right:-500px; top:66px; z-index:201;} 
#header_2016 .totalsearch .btn {display:block; position:absolute; right:10px; top:2px; z-index:10; width:33px; height:32px; background:url(../images/totalsearch_ico.png) no-repeat center 50%;
-webkit-transition: all .3s ease; transition: all .3s ease;}
#header_2016 .totalsearch .btn.active {background:url(../images/totalsearch_close.png) no-repeat center 50%;}
#header_2016 .totalsearch .btn span {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}
#header_2016 .totalsearch div {width:auto; height:32px; padding:2px 10px; min-width:33px; background:#866749; position:relative; z-index:1; overflow:hidden;
-moz-border-radius:18px; -ms-border-radius:18px; -o-border-radius:18px; -webkit-border-radius:18px; border-radius:18px;}
#header_2016 .totalsearch div input[type="text"] {display:block; float:left; padding:0 10px; background:none; border:0; height:32px; line-height:32px; color:#fff; width:220px; display:none;}
#header_2016 .totalsearch div input[type="submit"] {display:block; border:0; text-indent:-9999px; float:left; width:33px; height:32px; padding:0; background:url(../images/totalsearch_ico.png) no-repeat center 50%; display:none;}
#header_2016 .mob_btn {display:none;}
#header_2016 #blind_mob {display:none;}
#header_2016.fixed {position:fixed; top:-36px;}
#header_2016.fixed #gnb {-moz-box-shadow:0 1px 3px #9e9e9e; -ms-box-shadow:0 1px 3px #9e9e9e; -o-box-shadow:0 1px 3px #9e9e9e; -webkit-box-shadow:0 1px 3px #9e9e9e; box-shadow:0 1px 3px #9e9e9e; height:65px;}
#header_2016.fixed #gnb #blind {top:65px;}
#header_2016.fixed #nav {padding-top:10px;}
#header_2016.fixed #nav ul li a {padding:8px 0 18px 0;}
#header_2016.fixed #nav ul li ul li a {padding:5px 0;}
		
/*** container ***/
#sVisual {margin-top:121px;} 

/*** footer ***/
#footer {
	background: rgb(247, 247, 247); padding: 20px 0px 25px 20px; width: 100%; height: auto; position: relative;
}
#footer .al_box { 
	width:1100px;height:80px; background: url("../images/logo_s.gif") no-repeat left center;
}
#footer .footer_m {
	width: auto; height: auto; margin-left: 200px;
}
#footer .footer_m::after {
	clear: both; display: block; content: "";
}
#footer .footer_m li {
	background: url("../images/footer_m_bul.gif") no-repeat left 50%; padding: 0px 10px 0px 10px; width: auto; float: left;
}
#footer .footer_m li:first-child {
	background: none; padding-left: 0px;
}
#footer .footer_m li a {
	padding: 5px 0px; font-size: 13px; vertical-align: top; display: inline-block;
}
#footer .footer_m li:first-child a {
	color: rgb(30, 101, 159);
}
#footer .certifi_mark {
	top: 0px; right: 0px; position: absolute;
}
#footer .certifi_mark a {
	padding: 0px; float: left; display: block;
}
#footer .certifi_mark img {
	margin-left: 5px; float: left; display: block;
}
#footer address {
	font-size: 13px; padding-top: 10px; margin-left: 160px; display: block;
}
#footer address span {
	margin-left: 10px;
}
#footer p {
	margin: 0px 0px 0px 160px; font-size: 13px;
}
#footer .call_main {
	margin: 0px 0px 0px 15px; color: rgb(229, 101, 106); font-size: 17px; font-weight: 600;
}
.foot_menu_wrap { height: 44px; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;padding-left:20px;margin-top:0px; }
.foot_menu { position: relative; margin: 0 auto; width: 1100px; height: 54px; }
.fm_list { height: 15px; padding-top: 14px;}
.fm_list li { float: left; padding-left: 30px; margin-left: 30px; background: url('../images/fm_line.jpg') left center no-repeat; }
.fm_list li:first-child { padding-left: 0; margin-left: 0; background: none; }
.fm_list li a { color: #333; font-size:14px }
/************************************************ responsible css ************************************************/


@media all and (min-width:1000px){
/*** common ***/
.al_box {width:auto; min-width:800px; padding:0 15px;} 

/*** header ***/
#header_2016 h1.logo {width:189px left:15px; margin-left:10px;}
/*
#header_2016 #global {left:15px;}
*/
#header_2016 #sns_link {width:auto;text-align:right;float:right;right:25px;}
#header_2016 #sns_link li {width:65px;right:25px; float:left;margin-left:10px;font-size:13px;} 

#header_2016 .totalsearch {right:15px; margin-right:0;}

/*** footer ***/
/* #footer .al_box {max-width:1000px; padding:0; margin:0 15px; background:none;}
#footer .footer_m {margin-left:0;}
#footer address {margin-left:0;}
#footer p {margin-left:0;} */
}

@media all and (max-width:840px){
/*** footer ***/
#footer {background: rgb(247, 247, 247);  padding-top:30px;}
#footer .al_box {width:calc(100% - 40px);height: auto; padding:30px 0 0 0; margin:0 15px; background: url("../images/logo_s.gif") no-repeat left top;}
#footer .footer_m {margin-left:0;}
#footer address {margin-left:0;}
#footer p {margin-left:0;}
#footer address span {display:inline-block; margin-left:10px;}
#footer .certifi_mark {display:none;}
#header_2016 #sns_link {width:80%;right:25px; margin-right:0px; }
#header_2016 #sns_link li {width:65px;right:25px; float:right;margin-right:auto;} 
}

@media all and (min-width:999px){	
/*** common ***/
#wrap  > * {left:0 !important;}

/*** header ***/	
#header_2016 #gnb {display:block !important; left:0 !important; height:85px !important;}
#header_2016 #nav ul li.menu6 {display:none !important;}
#header_2016 #nav ul li ul li a {color:#fff !important;}
#header_2016 #nav ul li ul li ul {display:none !important;}
#header_2016.fixed #gnb {height:65px !important;}
#header_2016 .totalsearch div {display:block !important;}
}

@media all and (max-width:999px){
/*** common ***/
.al_box {width:100%; max-width:100%; padding:0;} 	
	
/*** header ***/	
#header_2016 {position:relative !important; width:100%; left:0; top:0 !important; z-index:501;
-moz-box-shadow:0 1px 3px #9e9e9e; -ms-box-shadow:0 1px 3px #9e9e9e; -o-box-shadow:0 1px 3px #9e9e9e; -webkit-box-shadow:0 1px 3px #9e9e9e; box-shadow:0 1px 3px #9e9e9e;}
#header_2016 .my_water {display:none;}
#header_2016 #toputil {height:80px; background:#fff;}
#header_2016 h1.logo {
    left: 50%;transform: translateX(-50%);position: absolute;
    margin: 0 auto;
    top: 18px !important;
    width: 189px !important;
    height: 40px !important;
    z-index: 10;
}
#header_2016 #global {left:-220px; top:7px; z-index:301; width:190px; padding:0 15px; float:none; position:absolute; right:auto; display:none;}
#header_2016 #global a {height:26px; line-height:26px; padding:0 15px; text-align:center; color:#666; background:none; border:0 !important; font-weight:600;}
#header_2016 #global a {height:26px; line-height:26px; padding:0 15px; text-align:center; color:#666; background:none; border:0 !important; font-weight:600;}
#header_2016 #global a:first-child {background:url(../images/global_bul.gif) no-repeat right 50%; padding-left:0;}
#header_2016 #sns_link {left:-220px; top:19px; z-index:301; width:190px; margin-right:15px;padding:0 10px; position:absolute; right:auto;}
#header_2016 #sns_link li {width:75px; height:30px;}
#header_2016 #sns_link li a {width:75px; height:30px;}
#header_2016 #sns_link li.eng a {line-height:30px;}
#header_2016 #sns_link li.member {text-align:center;width:86px; height: 30px;}
#header_2016 #gnb {position:absolute; left:-220px; top:0; width:220px; z-index:201; display:none;
-webkit-opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; opacity:1; filter:alpha(opacity=100);}
#header_2016 #gnb #blind {display:none;}
#header_2016 #gnb #blind {	background: rgb(0, 0, 0); left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0;
}
#header_2016 .totalsearch {top:22px !important; width:100%; right:0;}
#header_2016 .totalsearch .btn {float:none; position:absolute; right:2%; top:0; background:#866749 url(../images/totalsearch_ico.png) no-repeat center 50%; padding:2px 10px; overflow:hidden;
-moz-border-radius:18px; -ms-border-radius:18px; -o-border-radius:18px; -webkit-border-radius:18px; border-radius:18px;}
#header_2016 .totalsearch .btn.active {background:#866749 url(../images/totalsearch_close.png) no-repeat center 50%;}
#header_2016 .totalsearch div {width:100% !important; display:none; background:url(../images/mob_searchbg.png) repeat left top; position:absolute; top:58px; left:0; overflow:visible; height:auto; padding:0; text-align:center;
-moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; -webkit-border-radius:0; border-radius:0;}
#header_2016 .totalsearch div input[type="text"] {display:inline-block !important; float:none; background:#fff; color:#444; width:50%; min-width:200px; height:40px; line-height:40px; margin:15px 0;}
#header_2016 .totalsearch div input[type="submit"] {display:inline-block !important; float:none; background:#0d8be0; color:#fff; cursor:pointer; text-indent:0; width:10%; min-width:60px; height:40px; font-size:15px;}
#header_2016 .mob_btn {display:block; position:absolute; left:2%; top:22px; width:33px; height:32px; background:#866749 url(../images/mob_gnb_btn.png) no-repeat center 50%; padding:2px 10px; overflow:hidden; z-index:990;
-moz-border-radius:18px; -ms-border-radius:18px; -o-border-radius:18px; -webkit-border-radius:18px; border-radius:18px;}
#header_2016 .mob_btn.ov {background:#866749 url(../images/totalsearch_close.png) no-repeat center 50%;}
#header_2016 .mob_btn span {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}
#header_2016 #gnb .al_box {display:hidden;width:100%; max-width:100%; padding:0;}
#header_2016 #nav {width:220px;padding:80px 0 0 0 !important;}
#header_2016 #nav ul {background:none;}
#header_2016 #nav ul li {float:none; width:auto !important; border-top:1px solid #fff;}
#header_2016 #nav ul li:first-child {border-top:0; margin-top:0;}
#header_2016 #nav ul li a {text-align:left; height:auto; padding:12px 15px !important; font-size:17px; line-height:22px; font-weight:600; display:block; color:#fff !important; background:#535353 url(../images/mob_gnb_depth1_bul.png) no-repeat 92% 50%; text-decoration:none !important; border:0;}  
#header_2016 #nav ul li ul {display:none; position:relative; padding:0;}
#header_2016 #nav ul li ul li {padding:0 !important; border-top:1px solid #e8e8e8; margin:0;}
#header_2016 #nav ul li ul li a {background:#fff url(../images/mob_gnb_depth2_bul.png) no-repeat 15px 18px !important; line-height:20px; font-weight:600; height:auto; padding:10px 15px 10px 28px !important;}
#header_2016 #nav ul li ul li a strong {font-size:16px; color:#444 !important;}
#header_2016 #nav ul li ul li ul {background:#f7f7f7; border-top:1px solid #e8e8e8; padding:10px 0; display:none; width:100% !important;}
#header_2016 #nav ul li ul li ul li {border-top:0;} 
#header_2016 #nav ul li ul li ul li a {padding:4px 15px 4px 28px !important; background:url(../images/mob_gnb_depth3_bul.png) no-repeat 20px 12px !important;}
#header_2016 #nav ul li ul li ul li a strong {font-size:14px; color:#444 !important; font-weight:normal;}
#header_2016 #nav ul li ul li ul li ul {background:none; border:0; padding:0 0 5px 0; display:none;}
#header_2016 #nav ul li ul li ul li ul li {}
#header_2016 #nav ul li ul li ul li ul li a {background:url(../images/mob_gnb_depth4_bul.png) no-repeat 28px 12px !important; padding:2px 15px 2px 38px !important;}
#header_2016 #nav ul li ul li ul li ul li a strong {font-size:13px; color:#666 !important;}
#header_2016 #nav ul li a.ov {background:#866749 url(../images/mob_gnb_depth1_bul_ov.png) no-repeat 92% 50%; color:#fff;}
#header_2016 #nav ul li ul li a.ov {background:#25649e url(../images/mob_gnb_depth2_bul_ov.png) no-repeat 15px 18px !important;}
#header_2016 #nav ul li ul li a.ov strong {color:#fff !important;}
#header_2016 #nav ul li ul li ul li a.ov {background:url(../images/mob_gnb_depth3_bul_ov.png) no-repeat 20px 12px !important;}
#header_2016 #nav ul li ul li ul li a.ov strong {color:#866749 !important;}
#header_2016 #nav ul li ul li ul li ul li a.ov {background:url(../images/mob_gnb_depth4_bul_ov.png) no-repeat 28px 12px !important;}
#header_2016 #nav ul li ul li ul li ul li a.ov strong {color:#25649e !important;}
#header_2016 #blind_mob {position:fixed; left:0; top:0; background:#000; display:none; width:100%; height:100%; z-index:101;
-moz-opacity:0; -ms-opacity:0; -o-opacity:0; -webkit-opacity:0; opacity:0; filter:alpha(opacity=0);}

/*** container ***/ 
#sVisual {margin-top:0;} 
#contents .path {top:10px; left:2%; font-size:12px;}
.conInner {padding:30px 15px 0 15px; width:auto;}
.path {top:10px; margin-left:10px;; font-size:12px; border:0; }
}

@media all and (max-width:640px){	
/*** footer ***/	
#header_2016 h1.logo {
    left: 55%;transform: translateX(-50%);position: absolute;
    margin: 0 auto;
    top: 25px !important;
    width: 120px !important;
    height: 25px !important;
    z-index: 10;
}
}

/* info */
.infoa{width:100%;border-top:2px solid #12a3cc;border-bottom:1px solid #ececec;border-collapse:collapse;word-break:break-all}
.infoa tr th{padding:7px 5px;border:1px solid #ececec;font-size:14px;color:#333;text-align:center;vertical-align:middle}
.infoa tr td{padding:7px 5px;border:1px solid #ececec;font-size:14px;color:#017eba;text-align:center;vertical-align:middle}
.infoa th{color:#333;font-size:13px;font-weight:bold;background:#f7f8fb}
.infoa th:first-child, .infoa td:first-child{border-left:0 !important}
.infoa th:last-child, .infoa td:last-child{border-right:0 !important}

.aname{color:#333;}
.infom{margin-top:30px !important}