.main_visual h3{font-size: 0; background:url("main_text.jpg") center no-repeat; height: 110px; width: 100%;}
@media all and (max-width:768px){
.main_visual h3{font-size: 0; background:url("m_main_text.png") center no-repeat; background-size: contain; height: 80px;}
}


.gnb{line-height: 36px;}
@font-face {
  font-family: GMsans;
  src: url('fonts/GmarketSansLight.woff2') format('woff2'),
       url('fonts/GmarketSansLight.woff') format('woff'),
       url('fonts/GmarketSansLight.eot?#iefix') format('embedded-opentype'),
       url('fonts/GmarketSansLight.ttf') format('truetype'),
       url('fonts/GmarketSansLight.eot') format('eot');
  font-weight: 400;
}
@font-face {
  font-family: GMsans;
  src: url('fonts/GmarketSansMedium.woff2') format('woff2'), 
       url('fonts/GmarketSansMedium.woff') format('woff'),
       url('fonts/GmarketSansMedium.eot?#iefix') format('embedded-opentype'),
       url('fonts/GmarketSansMedium.ttf') format('truetype'),
       url('fonts/GmarketSansMedium.eot') format('eot');
  font-weight: 500;
}
@font-face {
  font-family: GMsans;
  src: url('fonts/GmarketSansBold.woff2') format('woff2'),
       url('fonts/GmarketSansBold.woff') format('woff'),
       url('fonts/GmarketSansBold.eot?#iefix') format('embedded-opentype'), 
       url('fonts/GmarketSansBold.ttf') format('truetype'),
       url('fonts/GmarketSansBold.eot') format('eot');
  font-weight: 600;
}

/* @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); */
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(/fonts/Noto/NotoSans-Thin.woff2)    format('woff2'),url(/fonts/Noto/NotoSans-Thin.woff) format('woff'),   url(/fonts/Noto/NotoSans-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(/fonts/Noto/NotoSans-Light.woff2)   format('woff2'),url(/fonts/Noto/NotoSans-Light.woff) format('woff'),  url(/fonts/Noto/NotoSans-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(/fonts/Noto/NotoSans-Regular.woff2) format('woff2'),url(/fonts/Noto/NotoSans-Regular.woff) format('woff'),url(/fonts/Noto/NotoSans-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(/fonts/Noto/NotoSans-Medium.woff2)  format('woff2'),url(/fonts/Noto/NotoSans-Medium.woff) format('woff'), url(/fonts/Noto/NotoSans-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(/fonts/Noto/NotoSans-Bold.woff2)    format('woff2'),url(/fonts/Noto/NotoSans-Bold.woff) format('woff'),   url(/fonts/Noto/NotoSans-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(/fonts/Noto/NotoSans-Black.woff2)   format('woff2'),url(/fonts/Noto/NotoSans-Black.woff) format('woff'),  url(/fonts/Noto/NotoSans-Black.otf) format('opentype');}

/* common */
*{font-family: 'Noto Sans KR', sans-serif;}
 *{font-family:'맑은 고딕','Malgungothic','Apple SD 산돌고딕 Neo','Apple SD Gothic Neo', sans-serif ;}
body, header, section, footer, div, a, input, img, dl, dt, dd, ul, ol, li, p, fieldset, button, nav, h1, h2, h3, h4, h5, h6, textarea{margin:0;padding:0;box-sizing:border-box;font-size:inherit;}

/* *{font-family:'GMsans'} */
/* *{font-family: Notokr, Apple SD Gothic Neo, Arial, Tahoma, sans-serif;} */
body, header, section, footer, div, a, input, img, dl, dt, dd, ul, ol, li, p, fieldset, button, nav, h1, h2, h3, h4, h5, h6, textarea{  font-weight: 500;}

fieldset{border:0;width:auto;}
li{list-style:none;float:left;}
a, button{text-decoration:none; color:#222;}
textarea{resize:none;}
h1, h2, h3, h4, h5, h6{font-weight:inherit;}

/* accessibility
---------- ---------- ---------- ---------- ---------- */
#accessibility {width:100%}
#accessibility a {display:block;width:1px;height:1px;margin-bottom:-1px;overflow:hidden;font-size:16px;font-weight:bold;text-align:center;color:#fff}
#accessibility a:focus, #accessibility a:active {width:100%;height:auto;padding:5px 0;background-color:rgb(0,89,83)}
#accessibility a.mobile-content {display:none}
#accessibility [class *="skip-main"] {display:none}


/* header .header_top{border-bottom:1px solid rgb(230,230,230);margin-bottom:35px;} */
/* header .wrap_comn_out{box-shadow:1px 1px 1px rgb(230,230,230);height:140px;} */
/* header .srchArea{display:none;} */

/* layout */
.wrap_comn{width:1200px;margin:0 auto; }
.uifix:after,
.container:after,
.wrap_comn:after{content:'';display:block;height:0;clear:both;}
.fl_l{float:left;}
.fl_r{float:right;}
.inputTxt{padding-right:10px;}

/* //layout */

/* blind */
.hideTxt, .blind{position:absolute;overflow:hidden;margin:-1px;width:1px;height:1px;clip:rect(0 0 0 0);}
.ds_mb{display:none;}
/* //blind */
/* //common */

/* header */
header{width:100%; }
header .logo{background:url(/portal/misc/images/2019/header_gnb.png) no-repeat 0 0;width:240px;height:36px;display:block;}
header .member li{margin-left:30px;}
header .member li span{font-size:15px;color:rgb(102,102,102);line-height:35px;}
/* //header */

/* gnb */
.gnbArea .m_list{float:left; }

.gnbArea .ico{background-image:url(/portal/misc/images/2019/mobile_ico.png);background-repeat:no-repeat;display:inline-block;}
.gnbArea .ico.list{background-position-y:0;width:40px;height:28px;}
.gnbArea .ico.login{background-position-y:-38px;width:32px;height:34px;}
.gnbArea .ico.gohome{background-position-y:-82px;width:43px;height:40px;}
.gnbArea .ico.arrow{background-position-y:-132px;width:25px;height:14px;}
.gnbArea .ico.arrow.current{background-position-y:-156px;}
.gnbArea .ico.list_show{background-position-y:-180px;width:44px;height:44px;}
.gnbArea .ico.list_show.gnbdepth.current{background-position-y:-234px;}

.gnbArea .gnb_m{width:100%;position:absolute;z-index:9999;top:140px;left:0;display:none;background:rgb(255,255,255);margin-top:0;border-bottom:3px solid rgb(0,89,83);box-shadow:2px 1px 10px rgb(120,120,120);}
.gnbArea .gnb_m .gnb_log{padding:0 4% 0 5%;background:rgb(243,243,243);line-height:100px;height:100px;}
.gnbArea .gnb_m .gnb_log .fl_l{margin-top:-5px;}
.gnbArea .gnb_m .gnb_log .fl_r{margin-top:-10px;}
.gnbArea .gnb_m .gnb_log a{color:rgb(0,0,0);font-size:26px;}
/* .gnbArea .gnb_m .gnb_log *{vertical-align:middle;} */
.gnbArea .gnb_m .gnb_log .btn{padding:0;}
.gnbArea .gnb_m .gnb_log .ico.login{margin-right:10px;}
.gnbArea .gnb_m .gnb_log .close{font-size:70px;}

.gnbArea .gnb_m .gnb_list_out{width:1200px;margin:0 auto;}
.gnbArea .gnb_m .gnb_list{float:right;}
.gnbArea .gnb_m .gnb_list a{color:rgb(51,51,51);display:block;}
.gnbArea .gnb_m .gnb_list a *{display:inline-block;}
.gnbArea .gnb_m .gnb_list i{}
.gnbArea .gnb_m .gnb_list .btn{background:transparent;border:2px solid rgb(128,172,169);font-size:25px;width:36px;height:36px;border-radius:50%;text-align:center;padding:0;margin-top:0;font-style:inherit;}

.gnbArea .gnb_m .gnb_list .firstdepth li{background:rgb(0,89,83);float:left;}
.gnbArea .gnb_m .gnb_list .firstdepth .tit{color:rgb(255,255,255);font-weight:500;font-size:21px;padding:5%;margin:0;display:none;}
/*top 메뉴 height 수정*/
.gnbArea .gnb_m .gnb_list .seconddepth{display:none; padding-top:20px;background:rgb(255,255,255);height:470px;border:1px solid transparent;border-width:0 1px;}
.gnbArea .gnb_m .gnb_list .seconddepth:hover{border:1px solid rgb(204,204,204);border-width:0 1px;}
.gnbArea .gnb_m .gnb_list .seconddepth.current a{font-weight:normal;}
.gnbArea .gnb_m .gnb_list .seconddepth li{background:rgb(255,255,255);float:none;width:130px;}
.gnbArea .gnb_m .gnb_list .seconddepth li:last-child{padding-bottom:15px;}
.gnbArea .gnb_m .gnb_list .seconddepth .tit_sub{color:rgb(51,51,51);padding:5px 0;margin:5px 0;font-weight:400;font-size:14px;text-align:center;}
.gnbArea .gnb_m .gnb_list .seconddepth .tit_sub:hover{background:rgb(0,89,83);font-weight:600;color:rgb(255,255,255);}

.gnbArea .gnb_m .gnb_list .thirddepth{padding:5% 11%;background:rgb(245,245,245);border-top:1px solid rgb(229,229,229);display:none;}
.gnbArea .gnb_m .gnb_list .thirddepth li{font-size:19px;background:transparent;border:0;margin-bottom:20px;}
.gnbArea .gnb_m .gnb_list .thirddepth li:last-child{margin-bottom:0;}
.gnbArea .gnb_m .gnb_list .thirddepth.current a:hover,
.gnbArea .gnb_m .gnb_list .thirddepth.current a.current{color:rgb(0,89,83);}
/* //gnb */

/*장정훈 테스트 수정 */
.gnb_wrap{height:0px;}
/*.gnb_wrap.active{height:200px;}*/
.fl_r{z-index:3;}
.gnb > li{display:inline-block; float:left; position:relative; width:19%;z-index:2; }
.gnb .subMenu{display:none; position: absolute; top:54px; left:0; z-index:2;}
.gnb .subMenu .seconddepth{height:470px;border:1px solid transparent;border-width:0 1px; z-index:1; padding-top:20px;}
.gnb .subMenu .seconddepth:hover{border:1px solid rgb(204,204,204);border-width:0 1px;}
.gnb .subMenu .seconddepth.current a{font-weight:normal;}
.gnb .subMenu .seconddepth li{float:none;width:130px;}
.gnb .subMenu .seconddepth .tit_sub{color:rgb(51,51,51);padding:5px 0;margin:5px 0;font-weight:400;font-size:16px;text-align:center;}
.gnb .subMenu .seconddepth .tit_sub:hover{background:rgb(0,89,83);font-weight:600;color:rgb(255,255,255);}
.gnb .subMenu .thirddepth{display:none;}
.gnb .subMenu i{float:right;margin-top:0;display:none;}
.gnb_head {width:100%;height:487px; background: rgb(255,255,255);z-index:1;position:absolute;top:109px; left:0;box-shadow: 2px 1px 10px rgb(120,120,120);border-bottom: 3px solid rgb(0,89,83); display:none;}


/* container */

/* button */
.sub_btnArea{text-align:center;margin-bottom:50px;}
.sub_btnArea.align_right{text-align:right;margin:20px 0;}
.sub_btnArea .btn.img.print{margin-right:5px;vertical-align:middle;}
.sub_btnArea .btn.print{font-size:10px;font-weight:600;}

.btn{border:0;padding:0 15px;display:inline-block;text-align:center;}

.btn.min{height:21px;line-height:21px;}
.btn.small{height:30px;font-size:12px;}
.btn.mid{height:30px;font-size:14px;line-height:29px;border-radius:3px;padding:0 12px;vertical-align:middle;}
.btn.large{font-size:14px;padding:9px 10px;vertical-align:middle;border-radius:3px;}

.btn.radius{border-radius:15px;}

.btn.gray{background-color:rgb(57,61,61);color:rgb(255,255,255);}
.btn.lightgray{background-color:rgb(115,119,130);color:rgb(255,255,255);}
.btn.yellowgreen{background-color: #32772C; color:#ffffff; margin-right: 20px;}
.btn.yellowgreen2{color:rgb(255,255,255);font-weight:bold;font-family:Dotum;font-size:12px;border:1px solid rgb(123,146,30);box-shadow:1px 1px 2px rgb(213,213,213);text-shadow:1px 1px 1px rgb(123,146,30);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#87e0fd+0,53cbf1+40,05abe0+100;Blue+3D+%23+16 */
background: rgb(166,191,61); /* Old browsers */
background: -moz-linear-gradient(top, rgb(166,191,61) 0%, rgb(159,184,54) 40%, rgb(150,175,47) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgb(166,191,61) 0%,rgb(159,184,54) 40%,rgb(150,175,47) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgb(166,191,61) 0%,rgb(159,184,54) 40%,rgb(150,175,47) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ); /* IE6-9 */}
.btn.darkgreen{background-color:rgb(0,89,83);color:rgb(255,255,255);}
.btn.darkblue{background-color:rgb(0,82,123);color:rgb(255,255,255);}
.btn.white{background-color:rgb(255,255,255);color:rgb(81,88,88);border:2px solid rgb(81,88,88);}
.btn.blue{background-color:rgb(14,115,171);color:rgb(255,255,255);}
.btn.grayblue{background-color:rgb(65,109,109);color:rgb(255,255,255); width:180px;}
.btn.grayred{background-color:rgb(152,67,67);color:rgb(255,255,255); width:180px;}

.btn.img{display:block;background-image:url(/portal/misc/images/2019/comn_ico.png);padding:0;background-repeat:no-repeat;}
.btn.img.srch{background-position-y:-85px;width:27px;height:27px;}
.btn.img.more{width:20px;height:20px;}
.btn.img.gohome{width:12px;height:20px;background-position:-49px -285px;}
.btn.img.arrow{background-position:right -33px;}
.btn.img.desc_tit{background-image:none;background-color: #32772C; color:rgb(255,255,255);width:20px;height:20px;line-height:20px;text-align:center;font-style:normal;border-radius:50%;display:inline-block;font-family:Dotum;font-weight:600;font-size:11px;vertical-align:text-bottom;margin-right:10px;}
.btn.img.desc_li{background-image:url(/portal/misc/images/2019/sub_ico_gray.png);width:10px;height:20px;background-position:left 11px;display:inline-block;}
.btn.img.link_direct{background-image:none;}
.btn.img.download{background-position:-23px -289px;width:15px;height:16px;}
.btn.img.addfile{background-position-y:-371px;padding-left:25px;}
.btn.img.print{background-position-y:-291px;width:13px;height:15px;display:inline-block;}
.btn.img.tbl_list{background-position-y:-271px;width:25px;height:10px;display:inline-block;}
.btn.img.view_arrow{color:rgb(0,0,0);}
.btn.img.view_arrow.prev{background-position-y:-230px;}
.btn.img.view_arrow.next{background-position-y:-248px;}
.btn.img.cp{background-position:-26px -313px;width:13px;height:16px;}
.btn.img.comment{background-position:left -313px;width:16px;height:16px;}
.btn.img.rsrch{background-position-y:-341px;width:19px;height:19px;}
.btn.img.rsrch.verygreat{background-position-x:0}
.btn.img.rsrch.great{background-position-x:-24px;}
.btn.img.rsrch.normal{background-position-x:-48px;}
.btn.img.rsrch.dis{background-position-x:-72px;}
.btn.img.rsrch.verydis{background-position-x:-96px;}
.btn.img.rsrch.etc{background-position-x:-120px;}
/* //button */

/* icon */
.ico{font-size:10px;text-align:center;display:inline-block;color:rgb(255,255,255);}
.ico.new{background:rgb(45,140,73);width:16px;height:16px;border-radius:8px;margin-right:2px; margin-top:-2px;}
.ico.bg{font-weight:normal;min-width:70px;padding:4px;box-sizing:border-box;}
.ico.bg.green{background:rgb(0,172,146);}
.ico.bg.silver{background:rgb(172,172,172);}
.ico.bg.gold{background:rgb(183,159,87);}
.ico.bg.black{background:rgb(4,3,1);}
/* //icon */

/* //container */

/* footer */
footer{background:rgb(81,88,88);width:100%;color:rgb(204,204,204);font-size:13px;}
footer .guideArea{border-bottom:1px solid rgb(116,121,121);padding:15px 0;}
footer .guideArea .wrap_comn{margin-bottom:0;}
footer .guideArea *{vertical-align:middle;}
footer .guideArea li{height:30px;line-height:30px;}
footer .guideArea .last a{border-right:0;}
footer .guideArea a{border-right:1px solid rgb(116,121,121);color:rgb(255,255,255);padding:0 14px;}
footer .selectArea{background-color:rgb(65,70,70);color:rgb(255,255,255);width:180px;height:30px;line-height:30px;border:0;padding:0 10px;margin-left:31px;font-size:12px;}
footer .selectArea1{background-color:rgb(65,70,70);color:rgb(255,255,255);width:100%;height:30px;line-height:30px;border:0;padding:0 10px;font-size:12px;}
footer .footer_ul{font-size:14px;}
footer .infoArea{padding:15px 0;margin-bottom:0; display:flex;}
footer .infoArea .ico{background:url(/portal/misc/images/2019/footer_ico.png) no-repeat 0 0;display:block;float:left;}
footer .infoArea .ico.logo{margin-top:20px;margin-right:40px;float:left;width:165px;height:21px;opacity:0.8;}
footer .infoArea .ico.pm{background-position-y:-31px;width:51px;height:50px;float:right;}
footer .infoArea .infoTxt{flex-grow:1;}
footer .infoArea li{float:none;}
/* //footer */

/* exploer CSS */

/* Only works in IE10 + */
 _:-ms-input-placeholder, :root footer .selectbox .btn {
 margin-left:-4px; }

/* Only works in IE11 */
_:-ms-fullscreen, :root footer .selectbox .btn {
margin-left:-8px; }

/* //exploer CSS */


@media all and (max-width:1000px) {
	footer .footer_ul {display: flex;flex-wrap: wrap;margin-bottom: 0.5rem;}
	footer .guideArea li {float: none;height: auto;line-height: inherit;}
	footer .guideArea li:not(:last-child) {margin-right: 14px;}
	footer .guideArea a {display: block;margin-bottom: 0.5rem;padding-left: 0;line-height: 1;}
	footer .guideArea li:nth-child(4) a {border-right: 0;}
	footer .infoArea {display: block;}
	footer .btnArea.sns {float: none;}
	footer .btnArea.sns ul {display: flex;}
	footer .btnArea.sns li {float: none;}
}