@charset "utf-8"; 

/* 스킵네비게이션 */
#skipNavi {height:0;}
#skipNavi .skipLink {position:absolute; top:-1000px;left:-1000px;overflow:hidden;z-index:5000;}
#skipNavi .skipLink:focus, #skipNavi .skipLink:active {top:3px;left:3px;padding:10px 20px;background:#1e64ba;color:#fff;}


body {overflow-y:visible; overflow-x:hidden;}

.wrap{min-width:320px; margin: 0 auto; position: relative; z-index:0;}
.wrap:after{clear:both; content:""; display:block;}

@media all and (max-width:780px) {
	html{font-size:55%;}
}

#header{position: relative;  min-width: 320px; max-width:1740px; margin:0 auto; z-index:10;}
#header .logo{position:absolute; top:45px; left:0; z-index:9;}
#header .logo a{width:200px; height:30px; display:block; background:url("/images/jwagwangcheon/common/logo.png") no-repeat 0 0; }


#header .gnb-wrap:after { clear: both;  content: "";  display: block;}
#header .gnb-wrap .gnb .top_menulist{width:100%; display:flex; align-items: center;     justify-content: center;}
#header .gnb-wrap .gnb .top_menulist li{text-align: center;}
#header .gnb-wrap .gnb .top_menulist li a{float:left; font-size:2.0rem;  color:#333; display:block; letter-spacing:-0.02em;  box-sizing:border-box; font-family: 'ONE Mobile Title';}
#header .gnb-wrap .gnb .top_menulist li.secs a.depth1-1{position:relative; text-align:center; padding:0 4.4rem; z-index:1;}
#header .gnb-wrap .gnb .top_menulist li.secs a.depth1-1 span {display:inline-block; line-height:120px; position:relative; }
#header .gnb-wrap .gnb .top_menulist li.secs a.depth1-1 span::after {content:''; display:block; opacity:0; height:26px; width:33px; background:url(/images/jwagwangcheon/common/menu_over.png) no-repeat 50% 50%; position:absolute; top:25px; right:-25px; transition:all .2s; opacity:0;}
#header .gnb-wrap .gnb .top_menulist li.secs a.depth1-1 span::before{content:''; display:block; height:3px; width:0; background:#085396; position:absolute; bottom:42px; left:0; opacity:0; transition:all .2s; opacity:0;}
#header .gnb-wrap .gnb .top_menulist li.secs:hover a.depth1-1{color:#085396; }
#header .gnb-wrap .gnb .top_menulist li.secs:hover a.depth1-1 span::after {bottom:-8px; opacity:1;}
#header .gnb-wrap .gnb .top_menulist li.secs:hover a.depth1-1 span::before{opacity:1; width:100%;}



#header .gnb-wrap .gnb .top_menulist li .sub-gnb{position:absolute; top:115px; left:50%; width:2000px; margin-left:-1000px; height:auto; display:none; z-index:20; text-align:left; background:#fff; z-index:0; transition:all .2s; padding:60px 0px 120px 60px;}
#header .gnb-wrap .gnb .top_menulist li .sub-gnb:after{position: absolute;top: 0px;bottom: 0;right:0;width: 100%;height:auto; border-top:1px solid #ddd; content:""; z-index:0; box-sizing:border-box;}
#header .gnb-wrap .gnb .top_menulist li .sub-gnb:before{display:block;position:absolute; top:0px; left:0; z-index: 1; width:100%; height:100%; background:url(/images/jwagwangcheon/common/gnb_bg.png)no-repeat 0 bottom; content:''; border-top:1px solid #ddd; box-sizing:border-box;}

#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap{width:100%; max-width:1740px; margin:0 auto; position:relative; z-index:9999;}
#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap:after{clear:both; content:""; display:block;}

#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav{position:relative; padding:0px 0px 0px 425px;}
#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav:after{clear:both; content:""; display:block;}

#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav .nav-tit{position:absolute; top:0px; left:65px; box-sizing:border-box; padding:0px 0px 38px 0; width:254px; height:100%;  z-index:4; text-align:left;   word-break: keep-all;}
/*#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav .nav-tit:before{position:absolute; bottom:0; right:-40px; width:100%; height:266px; content:"";background:url(/images/common/gnb_bg1.png)no-repeat 100% bottom; background-size:100%;}*/

#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav .nav-tit .sub_title{font-size:2.0rem; font-family: 'Paperlogy'; color:#999999; font-weight: 700;}
#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav .nav-tit .sub_title span{color:#085396;}
#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav .nav-tit .tit{font-size:36px; font-family: 'Ria'; margin-bottom:10px; color:#333; line-height:120%; letter-spacing:-0.03em;}

#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav .nav-con{position: relative; z-index:2; margin:0px; background:#ff0000;}
#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav .nav-con .depth{width:23%; margin:1%; box-sizing:border-box; float:left; margin-bottom:5px; }
#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav .nav-con .depth:after{clear:both; content:""; display:block;}

/*오버 2차 타이틀 */
#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav .nav-con .depth .depth2-1{    word-break: keep-all; position:relative; box-sizing:border-box; float:none; display:block; color:#555;font-size:1.9rem; border-radius:5px 30px 30px 5px; font-weight: 400; border:1px solid #ddd;  padding:19px 19px 19px 30px;   transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease; text-align:left; background:#fff;}

#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav .nav-con .depth .depth2-1:after{content:''; display:block; width:8px; height:13px;  background: url("/images/jwagwangcheon/common/depth2-1_icon.png") no-repeat 50% 50%; position:absolute; right:30px; top:50%; margin-top:-6px; }
#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav .nav-con .depth:hover .depth2-1:after{background: url("/images/jwagwangcheon/common/depth2-1_over.png") no-repeat 50% 50%;}
#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav .nav-con .depth:hover .depth2-1{background: linear-gradient(90deg,rgba(2, 146, 135, 1) 0%, rgba(87, 199, 133, 1) 0%, rgba(8, 83, 150, 1) 100%);  color:#fff;}

#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav .nav-con .depth .depth2-1.newin span{display:inline-block; position:relative; padding-right:25px}
#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav .nav-con .depth .depth2-1.newin span::after {content:''; display:block; width:20px; height:20px; background: url("/images/common/new_link.png") no-repeat 50% 50%; position:absolute; top:calc(50% - 13px); right:0px;}
#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav .nav-con .depth:hover .depth2-1.newin span::after {background: url("/images/common/new_link.png") no-repeat 50% 50%;}


#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav .nav-con .depth3-1{display:none;}
.moclose,
.moclose.on,
.mobile-top,
.mobile-gnb{display:none;}
.mask-wrap{display:none; position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;z-index:22;}
.mask-wrap.on{display:block}


.gnb_right{position:absolute; top:30px; right:0; display: flex;  align-items: center; justify-content: center;}

/* gnb 날씨 */
.gnb_right .weather{}
.gnb_right .weather > span{color:#333;  line-height:38px; vertical-align:top;}
.gnb_right .weather_sate{font-size:0;  display: inline-block; width:46px; height:38px; background-image:url('/images/jwagwangcheon/common/weather_sprite.png'); background-repeat:no-repeat;}
.gnb_right .weather_sate.type1{background-position:left top;}
.gnb_right .weather_sate.type2{background-position:left 14.28%;}
.gnb_right .weather_sate.type3{background-position:left 28.57%;}
.gnb_right .weather_sate.type4{background-position:left 42.85%;}
.gnb_right .weather_sate.type5{background-position:left 57.14%;}
.gnb_right .weather_sate.type6{background-position:left 71.42%;}
.gnb_right .weather_sate.type7{background-position:left 85.71%;}
.gnb_right .weather_sate.type8{background-position:left 100%;}
.gnb_right .weather_celsius{position:relative; margin-right:10px; padding-right:9px; font-size:14px; font-weight: 700;}
.gnb_right .weather_celsius:before{content:'';display:block; position:absolute; top:4px; right:0; width:1px; height:12px; background-color:rgba(0,0,0,0.5); transition-property:background-color; transition-duration:.25s; transition-timing-function:ease-in-out;}
.gnb_right .weather_celsius em{font-size:14px;  color:#4040b6;}
.gnb_right .weather_dust{font-size:14px;}
.gnb_right .weather_dust em{display:inline-block; height:22px; margin-top:8px; margin-left:4px; padding-left:7px; padding-right:7px; border-radius:11px; color:#fff; font-size:12px; line-height:22px;}
.gnb_right .weather_dust em.type1{background-color:#1c51a0;}
.gnb_right .weather_dust em.type2{background-color:#3f9b16;}
.gnb_right .weather_dust em.type3{background-color:#d26123;}
.gnb_right .weather_dust em.type4{background-color:#ad2121;}

.gnb_right .weather_ic{text-indent: -9999px; display: inline-block;  width: 38px;  height: 38px;}
.gnb_right .weather_ic.icon01{background:url('/images/portal/sub/we_01.png') 50% 50% no-repeat; background-size: contain;}
.gnb_right .weather_ic.icon02{background:url('/images/portal/sub/we_02.png') 50% 50% no-repeat; background-size: contain;}
.gnb_right .weather_ic.icon03{background:url('/images/portal/sub/we_03.png') 50% 50% no-repeat; background-size: contain;}
.gnb_right .weather_ic.icon04{background:url('/images/portal/sub/we_04.png') 50% 50% no-repeat; background-size: contain;}
.gnb_right .weather_ic.icon05{background:url('/images/portal/sub/we_05.png') 50% 50% no-repeat; background-size: contain;}
.gnb_right .weather_ic.icon06{background:url('/images/portal/sub/we_06.png') 50% 50% no-repeat; background-size: contain;}
.gnb_right .weather_ic.icon07{background:url('/images/portal/sub/we_07.png') 50% 50% no-repeat; background-size: contain;}
.gnb_right .weather_ic.icon08{background:url('/images/portal/sub/we_08.png') 50% 50% no-repeat; background-size: contain;}
.gnb_right .weather_ic.icon09{background:url('/images/portal/sub/we_09.png') 50% 50% no-repeat; background-size: contain;}
.gnb_right .weather_ic.icon010{background:url('/images/portal/sub/we_10.png') 50% 50% no-repeat; background-size: contain;}


.gnb_right .sitemap{margin-left:30px; display:inline-block; background:#000 url(/images/jwagwangcheon/common/sitemap.png); border-radius:50%; width:60px; height:60px;}

/* ---- 중간영역 ---- */
#container{position:relative;  z-index:0; font-size:1.7rem; font-weight: 400; color:#333;}
#container:before{content:''; display:block; width:100%; background:#f2f8f9; height:350px;  position:absolute;  top:0; right:0; z-index:-2;}
#container:after{content:''; display:block; width:2560px; height:300px; background:#fff; position:absolute; top:155px; right:0%;  z-index:-1; border-radius:0 150px  0 0;}
#container .scontainer{max-width:1740px; margin:0 auto ;   display:flex; flex-wrap:wrap; justify-content: space-between;  position:relative; z-index:5; margin-bottom:5rem;}

.scontainer #content {width: calc(100% - 396px); word-break: keep-all; padding-right:70px; font-weight: 500; /*margin-bottom:14rem;*/}
.scontainer #content:after{display:block;clear:both;content:''}

.cont-top {position:relative; min-height:143px; margin-bottom:50px; z-index:0; border-bottom:1px solid #dddddd;}
.cont_tit{padding: 4.5rem 0; }
.cont_tit h2 {display:block; font-family: 'Ria'; font-size:3.3rem; color:#333;  line-height:1.2em; display:block;  font-weight:400;}

.cont-top .navi-print-share{position:relative; }
.cont-top .navi-print-share:after{clear:both; content:""; display:block;}
.cont-top .navi-print-share .navi{float:left; overflow:hidden; padding:6.25rem  0; margin-left:-10px;}
.cont-top .navi-print-share .navi li{position:relative; float:left; padding:0px 18px 0px 18px;}
.cont-top .navi-print-share .navi li a { font-size:17px; color:#666; font-weight:400; display:block; line-height: 30px;}
.cont-top .navi-print-share .navi li a:focus{outline-offset:-3px}
.cont-top .navi-print-share .navi li::before{position:absolute; top:50%; left:0px; margin-top:-5px; content:""; width:10px; height:10px; display:block; background:url(/images/jwagwangcheon/common/loca_bg.png) no-repeat 50% 50%;}
.cont-top .navi-print-share .navi li:last-child{padding-right:0px; font-weight:600; }
.cont-top .navi-print-share .navi li:last-child a {font-weight:600; color:#333;}
.cont-top .navi-print-share .navi li.home{padding-left:0px; background:url(/images/jwagwangcheon/common/home.png) no-repeat 50% 50%; text-indent:-9999px; width:30px; height:30px; display:inline-block;}
.cont-top .navi-print-share .navi li.home a {font-weight:300;}
.cont-top .navi-print-share .navi li.home::before {display:none;}


.cont-top .navi-print-share .print-share{position: absolute; right:0px; top:60px; font-size:16px; font-weight: 500;}
.cont-top .navi-print-share .print-share:after{clear:both; content:""; display:block;}

.cont-top .navi-print-share .print-share .copy-btn{display:none;}
.cont-top .navi-print-share .print-share .print-btn{padding-left:45px; line-height:40px; height:40px; box-sizing:border-box; display:block; float:left; background:url(/images/jwagwangcheon/common/print.png) no-repeat 0 0; margin-left:5px; transition:all .2s;}


.cont-top .navi-print-share .print-share .share{position:relative; float:left; margin-right:30px;}
.cont-top .navi-print-share .print-share .share:after{content:''; dipslay:block; width:1px; background:#ddd; height:15px; position: absolute;  right: -25px;  top: 13px;}
.cont-top .navi-print-share .print-share .share .share-btn{padding-left:45px; line-height:40px; height:40px; display:block; background:url(/images/jwagwangcheon/common/share.png) no-repeat 0 0; transition:all .2s;}

.cont-top .navi-print-share .print-share .share .tit-btns{position:absolute; top:43px; right:0; width:40px; text-align:center; display:none; z-index:1;  box-sizing: border-box; border-radius:30px; border:1px solid #dedede; background:#fff; padding:2px 0px 5px 0px;}
.cont-top .navi-print-share .print-share .share.active .tit-btns{display:block;}
.cont-top .navi-print-share .print-share .share .tit-btns p {margin-top:3px;}



/* 왼쪽메뉴 */
.lnb-warp{width:345px; margin-top:0px; margin-top:80px;  }
.lnb-warp .lm-tit{margin-bottom:20px; height:185px; text-align:center; background: linear-gradient(144deg,rgba(3, 138, 137, 1) 0%, rgba(3, 138, 137, 1) 0%, rgba(7, 91, 148, 1) 100%); border-radius:20px 100px 20px 20px; display: flex;  align-items: center;   justify-content: center;}
.lnb-warp .lm-tit .btit{font-size:3.2rem;  line-height:120%; color:#fff; font-weight:700; display:block; }
.lnb-warp .lm-tit .bcopy{display:none;}

.lnb-warp .leftmenu{display:block; position:relative;z-index:3 ; border:1px solid #d6d7da; border-radius:20px; padding:3.5rem; }
.lnb-warp .leftmenu ul {position:relative;line-height:130%;text-align:left;}
.lnb-warp .leftmenu ul:after {clear:both;content:"";display:block;}
.lnb-warp .leftmenu ul .lm_l2{position:relative;vertical-align:top; margin-bottom: 1px;}
.lnb-warp .leftmenu ul .lm_a2{display:block; position:relative; z-index:1;  color:#333;border-bottom:1px solid #d6d7da; padding:25px 25px 25px 0px;;      word-break: keep-all; box-sizing:border-box; font-size: 2.0rem;}

.lnb-warp .leftmenu ul .over .lm_a2{border-bottom:none;  background:#085396; padding-left:25px; width:322px; border-radius:10px; font-weight:700; margin-left:-25px; font-size: 2.0rem;}
.lnb-warp .leftmenu ul .over .lm_a2:after{display:none; width:33px; height:33px; margin-top:-16px; background:url(/images/jwagwangcheon/common/left_arr.png) no-repeat 0 0; position:absolute; right:19px; top:50%; display:block; content:""}
.lnb-warp .leftmenu ul .over .lm_a2 span{color:#fff;}


.lnb-warp .leftmenu ul .lm_a2:hover{border-bottom:none;  background:#085396; padding-left:25px; color:#fff; width:322px; border-radius:10px; font-weight:700; margin-left:-25px;}
.lnb-warp .leftmenu ul .lm_a2:hover:after{display:none; width:33px; height:33px; margin-top:-16px; background:url(/images/jwagwangcheon/common/left_arr.png) no-repeat 0 0; position:absolute; right:19px; top:50%; display:block; content:""}

.lnb-warp .leftmenu ul .lm_l2.newin .lm_a2:after {display:none;}
.lnb-warp .leftmenu ul .lm_l2.over .lm_a2:after {display:block;}



.lnb-warp .leftmenu ul .lm_l2.newin .lm_a2 .isTxt{padding-right:20px; background:url("/images/common/new_link.png") no-repeat right;}
.lnb-warp .leftmenu ul .lm_l2.newin.over .lm_a2 .isTxt{padding-right:20px; background:url("/images/common/new_link.png") no-repeat right;}
.lnb-warp .leftmenu span{line-height:140%;}

.lnb-warp .leftmenu ul.depth3 {display:none;}

.lnb-warp .leftmenu ul .over .depth3 {display:block; margin-top:10px; padding:20px 25px;}

.lnb-warp .leftmenu ul .over .depth3{background:#f6f8f9; width:323px; margin-left:-25px; border-radius:10px; }
.lnb-warp .leftmenu ul .over .depth3 .lm_a3{position:relative; color:#333; padding:8px 0 3px 15px; display:block; font-size:1.8rem;}
.lnb-warp .leftmenu ul .over .depth3 .lm_a3:after{content:''; display:block;     position: absolute; left:0; top:16px;  z-index:1; background:#aab2b8; width:7px; height:7px; border-radius:50%;   box-sizing:border-box;}

.lnb-warp .leftmenu ul .over .depth3 .lm_a3:hover,
.lnb-warp .leftmenu ul .over .depth3 .lm_a3.over{color:#085396; font-weight: 700;}


/* 왼쪽메뉴 */





/*footer*/

footer{background:#fafafa; width:100%; border-radius:80px 80px 0 0; padding:4.5rem 0 7rem 0; position:relative; z-index:0;}
footer .innter{max-width:1600px; margin:0 auto;}

.info_wrap{display:flex;  width: 100%; justify-content: space-between; align-items: center;  border-bottom:1px solid #d8d8d8; padding-bottom:3.5rem;}
.info_wrap .info{display:flex;}
.info_wrap .info li a{display:block; font-size:1.8rem; font-weight: 500; color:#666666; margin-right:4.5rem;position:relative; }
.info_wrap .info li a:before{content:'';display:block; position:absolute; top:8px; right:-25px;  width:6px; height:6px; background:#d8d8d8; border-radius:50%;}
.info_wrap .info li a.win{color:#00325f; font-weight: 700; padding-left:30px; position:relative;}
.info_wrap .info li a.win:after{content: '';   display: block;   position: absolute;   top: 2px;   left: 0;   width: 2rem;   height: 2rem;    background: url(/images/jwagwangcheon/common/info_icon.png);    background-size: contain; }
.info_wrap .info li:last-child a:before{display:none;}

.f_famSite_wrap {position:relative; width:265px; border:1px solid #d8d8d8; border-radius:5px;  font-size:0; height: 60px;}
.f_famSite_wrap > button {position:absolute; left:1px; bottom:0; right:1px; padding:0 2.5rem; text-align:left;}

.f_famSite_wrap > button span {display:block; position:relative; padding:2rem 0; font-size:1.8rem; font-weight:800;}
.f_famSite_wrap > button span em{color:#007db6;}
.f_famSite_wrap > button span::after {content:""; position:absolute; right:0; top:50%; margin-top:-5px; width:17px; height:10px; background:url(/images/jwagwangcheon/common/ico_arr02.png) no-repeat 50% 50%; transition:all .3s;}
.f_famSite_wrap.active > button span::after {transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}

.f_famSite_wrap > ul {height:0; margin:0 20px 0; overflow:hidden; transition:height .4s;}
.f_famSite_wrap > ul li a {line-height: 21px;
    display: block;
    padding: 1rem;}
.f_famSite_wrap > ul li a span {font-size:1.8rem;}
.f_famSite_wrap.active > ul {height: 128px;
    /* margin-top: 20px; */
    padding: 0 0 10px 0;
    /* border-bottom: 1px solid #161615; */
    overflow: auto;
    background: #fff;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    top: -130px;
    left: -20px;
    border: 1px solid #ddd;
    border-radius: 1rem;}
.f_famSite_wrap > ul::-webkit-scrollbar {width:9px;}
.f_famSite_wrap > ul::-webkit-scrollbar-thumb {background-color:#89898D; border-radius:10px; background-clip:padding-box; border:2px solid transparent;}
.f_famSite_wrap > ul::-webkit-scrollbar-track {background-color:#f3f3f4; border-radius:10px;}



.footer_info{margin-top:50px; display: flex;  justify-content: space-between; align-items: center;}
.footer_info address{text-align: right; font-size:1.8rem; width:420px;}
.footer_info address p:last-child{font-size:1.6rem; color:#a9a9a9; margin-top:5px;}
          


@media all and (max-width:1750px){
	
	#header,
	#container .scontainer{padding:0 2rem;}

	#header .logo{left:auto;}
	.gnb_right{right: 2rem;}

}

@media all and (max-width:1650px){

	footer{border-radius: 5rem 5rem 0 0;}
	footer .innter{padding:0 2rem;}

}


@media all and (max-width:1600px){
    #header .gnb-wrap .gnb .top_menulist li .sub-gnb{ left:0px; width:100%; margin-left:0px; padding:10px 0px;}
    #header .gnb-wrap .gnb .top_menulist li .sub-gnb:before{display:none;}	
    #header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav{padding:0px 0px 30px 0px;}
    #header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav .nav-tit{display:none;}
}

@media all and (max-width:1580px){

	#header .gnb-wrap .gnb .top_menulist li.secs a.depth1-1{ padding: 0 3.0rem;}

}


@media all and (max-width:1500px){

	.gnb_right .weather{display:none;}
	#header .gnb-wrap .gnb .top_menulist{width: calc(100% - 80px);}
	#header .gnb-wrap .gnb .top_menulist li.secs a.depth1-1{ padding: 0 3.5rem;}
}


@media all and (max-width:1280px){

	.lnb-warp{display:none;}

	#header .gnb-wrap .gnb .top_menulist li.secs a.depth1-1{ padding: 0 2.5rem;}
	.scontainer #content{width:100%; padding-right:0px;}

	
	
}

@media all and (max-width:1200px){

	
	.gnb_right{display:none;}
	.toggle{display:block; background: #000 url(/images/jwagwangcheon/common/sitemap.png) 50% 50%;     width: 50px;    height: 50px; border-radius: 50%;     border-radius: 50%;     position: absolute;      right: 20px;      top: 30px;}
	.mask-wrap.on{display:block}
	.moclose{font-size: 0;  width: 47px;  height: 47px;  border-radius: 50%;  position: absolute;  top: 10px;  z-index: 100000;  left: 50%; margin-left: -23px; background: #000 url(/images/jwagwangcheon/main/head_close.png) 50% 50%;         background-size: contain;}
    .moclose.on{display: block; }

	#header{height:100px;}
	#header .gnb-wrap{padding: 0px;}
    #header .mobile-gnb.on {  right: 0;     width: 100%;     display: block;  }
    #header .gnb-wrap{border:none;height:auto;box-shadow:none; z-index:100;}

	#header .gnb{display:none;}
    #header .mobile-gnb{display:none; position:fixed; top:0px; right:-200%; border-radius: 60px 60px 0 0; margin-top: 30px; padding: 40px 25px; height:100%;  background:#fff; z-index:999; overflow-y:auto; transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;z-index:99999}
    #header .mobile-gnb.on{right:0; width:100%; display:block;}
	#header .mobile-gnb .mobile-top{display:block;}
	#header .mobile-gnb .t-logo{padding:20px 0; text-align: center;}
    #header .mobile-gnb .top_menulist{z-index:50; }
    #header .mobile-gnb .top_menulist li{position:relative;}
    #header .mobile-gnb .top_menulist li a{display:block; padding:20px 50px 20px 20px; border-radius:5px 30px 30px 5px;}
    #header .mobile-gnb .top_menulist li a.depth1-1{position:relative; font-size:18px; background:#fff; color:#333; border:1px solid #ddd; margin-bottom:10px; font-weight: 700;}
    #header .mobile-gnb .top_menulist li a.depth1-1.on{background: linear-gradient(90deg,rgba(2, 146, 135, 1) 0%, rgba(87, 199, 133, 1) 0%, rgba(8, 83, 150, 1) 100%); color:#fff;}

    #header .mobile-gnb .top_menulist li a.depth1-1:after{content:""; font-size:24px; position:absolute; right:20px; top:50%; font-weight:100; width:27px; height:27px; border-radius:50%;margin-top:-13px; background:#f2f2f2 url(/images/common/top_lang_down.png) 50% 50% no-repeat;}
    #header .mobile-gnb .top_menulist li a.depth1-1.on:after{background:#f2f2f2 url(/images/common/top_lang_up.png) 50% 50% no-repeat;}

    #header .mobile-gnb .top_menulist li .m-sub-gnb .sub-gnb-wrap .nav .nav-tit{display:none; background:#f1f4fa;}
    #header .mobile-gnb .top_menulist li .m-sub-gnb{display:none; background:#f1f4fa; margin-bottom: 10px; border-radius: 5px 50px 5px 5px;}
    #header .mobile-gnb .top_menulist li .m-sub-gnb .nav .depth .depth2-1{position:relative; display:block; padding:10px 50px 10px 30px; color:#000; border-radius:0}
    #header .mobile-gnb .top_menulist li .m-sub-gnb .nav .depth.has-sub .depth2-1:before{position:absolute; right:27px; top:50%; width:10px; height:10px; margin-top:-5px; background:url(/images/common/top_lang_down.png) 50% 50% no-repeat; content:"";}
    #header .mobile-gnb .top_menulist li .m-sub-gnb .nav .depth.has-sub .depth2-1.on:before{background:url(/images/common/top_lang_up.png) 50% 50% no-repeat;}
    #header .mobile-gnb .top_menulist li .m-sub-gnb .nav .depth.has-sub .depth2-1.on{color:#b33e4c;}

    #header .mobile-gnb .top_menulist li .m-sub-gnb .nav .depth .depth3-1{display:none; background:#fff; padding:10px 30px;}
    #header .mobile-gnb .top_menulist li .m-sub-gnb .nav .depth .depth3-1 li a{border:none; padding:5px 10px;display:block;color:#494f5a; position:relative;}
    #header .mobile-gnb .top_menulist li .m-sub-gnb .nav .depth .depth3-1 li a::before {content:''; display:block; width:5px; height:2px; background:#ccc; position:absolute; top:17px; left:0;}

    #header .mobile-gnb .top_menulist li a[target="_blank"] span {padding-right:15px; background:url(/images/common/new_link.png) right 50% no-repeat;}


	.cont-top{display: flex;  flex-direction: column-reverse; }
	.cont_tit{padding:3rem 0;}
	
	.cont-top .navi-print-share .navi{padding:3rem 0;}

	#container:after{top: 96px;     border-radius: 0 50px 0 0;}

	.cont-top .navi-print-share .print-share{right: -26px; top: -60px;}

	.cont-top .navi-print-share .print-share .print-btn{display:none;}

	.cont-top .navi-print-share .print-share .share .share-btn{    background: #fff url(/images/jwagwangcheon/common/share.png) no-repeat 0 0;
    transition: all .2s;
    text-indent: -999999px;
    border-radius: 50%;}
	.cont-top .navi-print-share .print-share .share:after{display:none;}

	
}
         
@media all and (max-width:830px){
	
	
	.info_wrap{flex-wrap: wrap;}
	.info_wrap .info{width:100%; justify-content: center;}
	.info_wrap .info li a.win{padding-left:0;}
	.info_wrap .info li a.win:after,
	.info_wrap .info li a:before{display:none;}

	.info_wrap .info li a{margin-right: 2rem;}
	.f_famSite_wrap{margin-top:2rem; width:100%;}

	.footer_info{margin-top:3rem; flex-wrap: wrap; text-align: center;}
	.footer_info img{ margin: 0 auto;}
	.footer_info address{width:100%; text-align: center; margin-top:1.5rem;}

}

.tb_board_read .con_w img{max-width:100%;}




div.sitemap  ul{display: flex;  justify-content: flex-start;  flex-wrap: wrap;}
div.sitemap ul.site_depth1 > li {width:20%; box-sizing:border-box; margin-bottom:4rem; padding:1.8rem;}
div.sitemap ul.site_depth1 > li:after {content:''; display:block; clear:both;}
div.sitemap ul.site_depth1 li span {color:#fff; display:block; font-size:1.8rem; font-weight:700; color:#000; position:relative; line-height: 5.7rem;     border: 1px solid #ddd;
    border-radius: 3rem;
    text-align: center; }

div.sitemap ul.site_depth2{padding:0 1rem;}
div.sitemap ul.site_depth2 > li {    position: relative; width:100%;}
div.sitemap ul.site_depth2 li:after {content:''; display:block; clear:both;}
div.sitemap ul.site_depth2 li span {text-align:left; border:0; border-radius:100%;color:#333; display:block; font-size:1.7rem; font-weight:600; color:#222; padding: 0.9rem 0 0.9rem 2rem; line-height: 2.0rem; }
div.sitemap ul.site_depth2 li span::before {content:''; display:block; width:0.8rem; height:0.8rem; border-radius:50%; background:#d7d7d7; position:absolute; top:1.6rem; left:0px;}

div.sitemap ul.site_depth3 li {width:100%;}
div.sitemap ul.site_depth3 li span {text-align:left;  padding:0px 0px 0px 8px; color:#222222; display:block; font-size:14px; margin-left:10px; }
div.sitemap ul.site_depth3 li span::before {content:''; display:block; width:3px; height:3px; border-radius:50%; background:#ccc; position:absolute; top:10px; left:0;}

               


.v_quick {position:fixed; top:30%; right:0px; display:flex; flex-flow:row wrap; justify-content:space-between; z-index:9990;}
.v_quick div.tit a.on:after {transform: rotateY(180deg); height:19px;}
.v_quick ul {width:100px;  display:flex; flex-flow:row wrap; justify-content:space-between; display:none;}
.v_quick ul li {width:100px; height:90px; font-size:14px; display:flex; justify-content: center; align-items: center;border-bottom:1px solid #eee; box-sizing:border-box; text-align:center; background:#efeff8;}
.v_quick ul li a {line-height:1.6em;}
.v_quick ul li a:before {content:''; display:block; width:100px; height:70px; background:#efeff8;}
.v_quick ul li a:hover{font-weight: 700;}

.v_quick ul li:nth-child(1) a:before{background:url(/images/jwagwangcheon/common/side_icon01.png) no-repeat center center;}
.v_quick ul li:nth-child(2) a:before{background:url(/images/jwagwangcheon/common/side_icon02.png) no-repeat center center;}
.v_quick ul li:nth-child(3) a:before{background:url(/images/jwagwangcheon/common/side_icon03.png) no-repeat center center;}
.v_quick ul li:nth-child(4) a:before{background:url(/images/jwagwangcheon/common/side_icon04.png) no-repeat center center;}
.v_quick ul li:nth-child(5) a:before{background:url(/images/jwagwangcheon/common/side_icon05.png) no-repeat center center;}
.v_quick ul li:nth-child(5){padding-bottom:10px; background:#efeff8;}

.v_quick ul li:nth-child(1) a:hover:before{background:url(/images/jwagwangcheon/common/side_icon01_hv.png) no-repeat center center;}
.v_quick ul li:nth-child(2) a:hover:before{background:url(/images/jwagwangcheon/common/side_icon02_hv.png) no-repeat center center;}
.v_quick ul li:nth-child(3) a:hover:before{background:url(/images/jwagwangcheon/common/side_icon03_hv.png) no-repeat center center;}
.v_quick ul li:nth-child(4) a:hover:before{background:url(/images/jwagwangcheon/common/side_icon04_hv.png) no-repeat center center;}
.v_quick ul li:nth-child(5) a:hover:before{background:url(/images/jwagwangcheon/common/side_icon05_hv.png) no-repeat center center;}

.v_quick ul li:nth-child(6){background:none; border-bottom:0; height:auto;}
.v_quick ul li:nth-child(6) a:before{display:none;}

.v_quick.on ul{display:block;}


@media all and (max-width:1200px){
	.v_quick{display:none;}
}  



#header .tip {display:block; position:relative; min-height:16px; margin:3px 0;}
#header .tip:before {content:''; display:none; position:absolute; top:50%; left:0; margin-top:-8px; width:16px; height:16px; background:url('/images/portal/sub/ico_tip_lock.png') 50% 50% no-repeat; background-size:contain; z-index:2;}
#header .tip  > * {display:block; position:relative; padding:5px 10px 5px 24px; color:#2fc08b; font-size:12px; color:#2fc08b; border-radius:6px; border:1px solid #96ddc3; background:url('/images/portal/sub/ico_tip_lock.png') top 4px left 2px no-repeat #f3fefa; transition:.3s all; -webkit-transition:.3s all; z-index:5;}
#header em.tip {display:inline-block; padding-left:20px; vertical-align:middle; margin:0; margin-top:10px;}
#header em.tip:before {display:block;}
#header em.tip > * {position:absolute; left:-200px; top:100%; margin-top:10px; padding:5px 10px; min-width:200px; color:#2fc08b; font-size:15px; color:#2fc08b; left:-190px; top:100%; margin-top:30px; background:#f3fefa; word-break:keep-all; visibility:hidden; transform:translateY(-50%); -webkit-transform:translateY(-50%); opacity:0; transition:.3s all; -webkit-transition:.3s all; line-height: 25px;}
#header em.tip > *:after,
#header em.tip > *:before {content:""; display:block; position:absolute; width:0; height:0; bottom:100%; right:16px; border:solid transparent; pointer-events:none;}
#header em.tip > *:after {border-color:rgba(243, 254, 250, 0); border-bottom-color:#f3fefa; border-width:7px; margin-left:-4px; border-left-width:4px; border-right-width:4px;}
#header em.tip > *:before {border-color:rgba(150, 221, 195, 0); border-bottom-color:#96ddc3; border-width:8px; margin-left:-5px; border-left-width:5px; border-right-width:5px;}
#header em.tip:hover {z-index:5;}
#header em.tip:hover > * {visibility:visible; opacity:1; transform:translateY(0); -webkit-transform:translateY(0);}  


.lay_pop{display:none;    position: fixed;   z-index: 99999999;  width: 100%;   height: 100%;  background: rgba(0,0,0,0.8);   left: 0;    top: 0;}
.lay_pop .lay_wrap{width:1600px; height:80%;     position: absolute;     left: 50%;    top: 50%;    transform: translate(-50%, -50%); background:#fff; border-radius:3rem; }
.lay_pop .lay_wrap img{max-width:100%;}
.lay_head{background:#ecf3f9; position:relative;  border-radius:3rem 3rem 0 0; text-align: center;     height: 154px;}
.lay_con{padding:3rem;     height: calc(100% - 154px);      box-sizing: border-box;}
.lay_pop.pop-on{display:block;}        
.lay_close{    position: absolute;    right: 5rem;    top: -3rem;}

@media all and (max-width:1620px){
	.lay_pop .lay_wrap{width:95%;}
}  

@media all and (max-width:1024px){
	div.sitemap ul.site_depth1 > li{width:33.3%;}
	.lay_con{overflow-y: auto;  }
}  


@media all and (max-width:768px){
	div.sitemap ul.site_depth1 > li{width:100%;}
	
}  


@media all and (max-width:810px){
	.lay_head{height:auto;}
	.lay_pop .lay_wrap img{border-radius:3rem}
	.lay_close{width: 5rem;  height: 5rem;   left: 50%;    right: auto;}
	
}