@charset "utf-8";

/* common */
/* body.openGnb-mode{overflow:hidden;position:fixed;} */
.wrap{position:relative;width:100%;min-width:320px;min-height:100%;}
.con_inner{width:1200px;margin:0 auto;box-sizing:border-box;overflow:hidden;}
.gnb_dim{position:fixed;left:0;top:0;z-index:99;min-width:100%;min-height:100%;background-color:#000;opacity:.75;transition: .5s ease;overflow:hidden;}
.pointR{color:#ea0920 !important;}
.fontB{font-weight:bold !important;}
.con_wrap{overflow:hidden;}
/* btn */
.btn_area{text-align:center;overflow:hidden;}
.btn{display:inline-block;text-align:center;box-sizing:border-box;}
.btn_area .btn{text-align:center;}
.btnS{width:150px;font-size:18px;height:60px;line-height:60px;box-sizing:border-box;}
.btnM{font-size:18px;min-width:180px;height:60px;line-height:60px;box-sizing:border-box;}
.btnL{font-size:18px;padding:20px 60px;line-height:1.3;box-sizing:border-box;min-width:180px;}
.btn_red{color:#fff;background:#9f292b;}
.btn_black{color:#fff;background:#1c1e1e;}
.btn_area .btn + .btn{margin-left:10px;}
.btn_down{background:url("../images/ico_down.png") right 40px center no-repeat #fff;color:#ec1018;border:1px solid #ec1018;    width:252px;padding-right:22px;}
.help_guide{font-size:18px;line-height:28px;color:#111;}
.pointG{color:#005951 !important;}
.pointG2{color:#55908b !important;}
.btn_more_line{position:relative;width:400px;height:60px;line-height:60px;border:1px solid #9c9c9c;color:#111;}
.btn_more_line span{background:url("../images/ico_more_line.png") 80% center no-repeat;padding-right:30px;}
/* header */
#header{position:absolute;width:100%;height:100px;box-sizing:border-box;margin:0 auto;background:#fff;z-index:9999;padding:26px 0px 23px;    border-bottom: 1px solid #eaeaea;}
#header .con_inner{overflow:visible;clear:both;}
#header h1{position:absolute;top:28px;}
#header h1 img{width:100%;}
#header .top_util{float:right;}
#header .top_util li{float:left;margin:0;}
#header .top_util li.last{margin:0 0 0 20px;}
#header .top_util li.last::before{content:'';display:inline-block;width:1px;height:9px;background:#dedede;margin-right:20px;}
#header .top_util li > a{font-size:14px;color:#9c9c9c;font-weight:300;}
/* gnb */
#gnb{margin:7px 0 0 0;float:right;display:table;}
#gnb .depth1{display:table-cell;}
#gnb .depth1 > li{float:left;margin-right:60px;position:relative;}
#gnb .depth1 > li.last{margin-right:30px;}
#gnb .depth1 > li > h2{position:relative;}
#gnb .depth1 > li > h2 > a{font-size:18px;color:#111111;display:inline-block;font-weight:500;box-sizing:border-box;height:67px;padding:10px 0 34px;letter-spacing:-0.5px;}
#gnb .depth1 > li.type2 h2 span{display:none;position:absolute;right:0;width:60px;height:60px;text-align:center;z-index:9999;padding-top:22px;box-sizing:border-box;cursor:pointer;}
#gnb .depth1 > li.type3 {display:none;}
#gnb .depth1 > li::after{display:block;content:"";width:0px;height:2px;background:#ea0920;transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;-webkit-transition-timing-function:ease-in-out;transition-duration:0.2s;-o-transition-duration:0.2s;-moz-transition-duration:0.2s;-webkit-transition-duration:0.2s;position:absolute;left:50%;bottom:0;}
#gnb .depth1 > li:hover:after{left:0;width:100%;}
#gnb .depth2{position:absolute;box-sizing:border-box;top:90px;min-width:82px;-webkit-transition: opacity 0.3s ease-in;-moz-transition:opacity 0.3s ease-in;-o-transition:opacity 0.3s ease-in;display:none;}
#header.gnb_open #gnb .depth2{display:block !important;z-index:9999;}
.pc-mode #header.gnb_open #gnb .depth2{max-height:440px;}
#header.m-gnb-open #gnb .depth2{opacity:1;height:auto;}
#gnb .depth2 li{margin-bottom:15px;}
#gnb .depth2 li a{font-size:14px;color:#9c9c9c;letter-spacing:-1px;font-weight:300;}
#gnb .depth2 li a:hover, #gnb .depth2 li a:focus{text-decoration:underline;color:#111111;}
#gnb .depth3{position:absolute;top:128px;left:0;width:100%;background:#fff;border-top:1px solid #eaeaea;z-index:9999;padding:40px 0 80px;}
.depth2_list{padding-left:484px;}
.depth2_list ul{float:left;}
#header .gnb_bg{display:block;width:100%;position:absolute;top:100px;left:0;height:0;background:#fff;border-bottom:1px solid #eaeaea;z-index:-1;transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;-webkit-transition-timing-function:ease-in-out;transition-duration:0.1s;-o-transition-duration:0.1s;-moz-transition-duration:0.1s;-webkit-transition-duration:0.1s;z-index:99;}
#header.gnb_open .gnb_bg{height:460px;}
/*모바일*/
.m-mode #header .gnb_bg{top:82px;height:auto;border:none;}
/* container */
#container{margin-top:100px;position:relative;z-index:99;}
#container .main_con_wrap{padding-top:100px;position:relative;z-index:99;}
#container .main_con_01{text-align:center;color:#fff;}
#container .main_con_01 .title{font-size:28px;font-weight:300;}
#container .main_con_01 .title .fontB{font-size:52px;margin-top:12px;}
#container .main_con_01 .title::after{display:block;content:'';clear:both;width:100px;height:1px;background:#fff;margin:28px auto 35px;}
#container .main_con_01 .sub_title{font-size:24px;line-height:1.2;}
#container .main_con_02{margin:98px 0 40px;overflow:hidden;}
#container .main_con_02 .box_con{float:left;padding:30px 20px 20px 30px;}
#container .main_con_02 .box_con .tab_list{overflow:hidden;position:absolute;top:30px;left:30px;z-index:9;}
#container .main_con_02 .box_con .tab_list li{float:left;padding-bottom:1px;}
#container .main_con_02 .box_con .tab_list a{color:#fff;opacity:0.44;}
#container .main_con_02 .box_con .tab_list a.on{opacity:1;text-decoration:underline;}
#container .main_con_02 .box_con h3{font-size:16px;letter-spacing:-0.5px;font-weight:300;}
#container .main_con_02 .box_con .tab_list .last{margin-left:20px;}
#container .main_con_02 .box_con .tab_list .last h3::before{content:'';display:inline-block;width:1px;height:9px;background:#fff;margin-right:20px;opacity:0.44;}
#container .main_con_02 .box_con{box-sizing:border-box;width:222px;height:222px;color:#fff;position:relative;}
#container .main_con_02 .box_con.type01{margin-right:2px;}
#container .main_con_02 .box_con .tab_con_wrap li{position:absolute;top:0;left:0;width:100%;height:100%;padding: 30px 20px 20px 30px;box-sizing:border-box;background:url("../images/img_main_con_01.png") bottom 20px left 20px no-repeat #f8252e;}
#container .main_con_02 .box_con .tab_con_wrap li .txt{margin-top:36px;}
#container .main_con_02 .box_con .tab_con_wrap li a ,#container .main_con_02 .box_con .txt a{color:#fff;}
#container .main_con_02 .box_con.type02{background:url("../images/img_main_con_02.png") bottom 20px left 20px #666 no-repeat;}
#container .main_con_02 .box_con .txt{text-align:right;font-size:22px;line-height:26px;margin-top:20px;}
#container .main_con_02 .box_con .more{font-size:14px;color:#fff;position:absolute;right:20px;bottom:20px;font-weight:300;padding-right:12px;}
#container .main_con_02 .box_con .more:before {position:absolute;right:0;top:50%;width:8px;height:2px;;background-color:#fff;content:'';transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;}
#container .main_con_02 .box_con .more:after {position:absolute;right:3px;top:6px;width:2px;height:8px;background-color:#fff;content:'';transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;}
#container .main_con_03{background:rgba(0,0,0,0.66);}
#container .main_con_03 ul{overflow:hidden;box-sizing:border-box;}
#container .main_con_03 ul:after {content:" "; display:block; clear:both; font-size:0; line-height:0; height:0;}
#container .main_con_03 ul li{width:33.3%;box-sizing:border-box;float:left;padding:36px 40px 30px;color:#fff;border-right:1px solid rgba(255,255,255,0.44);position:relative;}
#container .main_con_03 ul li.last{border:none;}
#container .main_con_03 ul li h3{font-size:18px;color:#ea0920;font-weight:600;margin-bottom:16px;}
#container .main_con_03 ul li a{display:block;font-size:18px;color:#fff;font-weight:300;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#container .main_con_03 ul li a:hover{text-decoration:underline;}
#container .main_con_03 ul li a span{display:block;padding-top:8px;color:rgba(255,255,255,0.44);font-size:14px;}
#container .main_con_03 ul li .more{position:absolute;top:38px;right:40px;text-indent:-9999px;}
#container .main_con_03 ul li .more:before {position:absolute;right:0;top:6px;width:13px;height:1px;;background-color:#fff;content:'';transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;}
#container .main_con_03 ul li .more:after {position:absolute;right:6px;top:0px;width:1px;height:13px;background-color:#fff;content:'';transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;}
/* visual */
.visual{position:absolute;top:0;z-index:9;width:100%;overflow:hidden;height:100%;}
.visual ul{width:100%;height:100%;position:absolute;top:0;overflow:hidden;}
.visual ul:after {content:" "; display:block; clear:both; font-size:0; line-height:0; height:0;}
.visual ul li{width:100%;height:880px;position:absolute;top:0;overflow:hidden;}
.visual ul li.visual_01{background:url("../images/bg_main_visual_01.jpg") center center no-repeat;background-size:cover;}
.visual ul li.visual_02{background:url("../images/bg_main_visual_02.jpg") center center no-repeat;background-size:cover;}
.visual ul li.visual_03{background:url("../images/bg_main_visual_03.jpg") center center no-repeat;background-size:cover;}
.visual ul li img{width:100%;height:100%;transform:scale(1.2, 1.2);transition:all 5s;}
.visual .visual_box  img{width:100%;height:100%;transform:scale(1.2, 1.2);transition:all 5s;}
#footer{width:100%;min-height:100px;box-sizing:border-box;background:#fff;position:relative;padding:18px 0 20px;z-index:99;color:#111;border-top:1px solid #eaeaea;}
#footer .con_inner{overflow:visible;}
#footer .con_inner .txt_con{float:left;}
#footer .copy{font-size:14px; font-weight:300; color:#9c9c9c;}
#footer .address{font-size:14px; font-weight:300; color:#9c9c9c;}
#footer .family_site{float:right;display:inline-block;vertical-align:top;zoom:1;position:relative;}
#footer .family_site>a{display:inline-block;zoom:1;width:178px;height:38px;line-height:38px;padding-left:15px;border:1px solid #ccc;text-decoration:none;color:#333;box-sizing:border-box;font-weight:300;}
#footer .family_site.on>a,#footer .family_site.on>a:focus{border:1px solid #e9002d;}
#footer .family_site .fm_list{display:none;position:absolute;bottom:40px;right:0;width:178px;border:1px solid #ccc;border-bottom:0;background:#fff;box-sizing:border-box;}
#footer .family_site .fm_list a{display:block;padding:8px 0 8px 15px;}
#footer .family_site.on .fm_list{display:block;}
#footer .family_site .fm_list a:hover,#footer .family_site .fm_list a:focus{background:#ea002c;color:#fff;}
/* serch */
input[type="text"].i-find
{width:400px;height:60px;box-sizing:border-box;border:1px solid #eaeaea;line-height:60px;padding:0 60px 0 20px;font-size:18px;}

/* 1200px */
@media screen and (max-width: 1200px){
  #container{margin-top:80px;}
  .hide_on_pc{display:block !important;}/* 1200px 이상에서 안보임 */
  #header .gnb_bg{top:82px;height:auto;border:none;}
  .con_inner{width:100%;padding:0 20px;box-sizing:border-box;}
  .con_inner.type2{padding:0 !important;}
  #header{height:80px;padding:30px 0; position:fixed;}
  #header h1{top:15px;width:175px;}
  #header h1 img{width:100%;}
  #header .top_util{float:left;padding:0;display:none;}
  #gnb, #header .top_util ul > li.lang_list{display:none;}
  #gnb{width:100%;border-top:1px solid #df024c;background:#fff;margin:50px 0 0;}
  #header.m-gnb-open #gnb{display:block;}
  #gnb .depth1{display:block;}
  #gnb .depth2{display:none;width:100%;padding:30px 0 30px 40px;border-bottom: 1px solid #eaeaea;position:initial;}
  #gnb .depth1 > li::after{display:none;}
  #gnb .depth1 > li, #gnb .depth1 > li.last{width:100%;box-sizing:border-box;margin:0;}
  #gnb .depth1 > li > h2 {border-bottom:1px solid #eaeaea;}
  #gnb .depth1 > li > h2 > a{font-size:20px;height:60px;line-height:60px;width:100%;padding:0 0 0 20px;background:url("../images/icon_m_gnb_off.png") right 20px center no-repeat;background-size:20px;}
  #gnb .depth1 > li.on > h2 > a{background:url("../images/icon_m_gnb_on.png") right 20px center no-repeat;background-size:20px;}
  #gnb .depth1 > li.type2 h2 a{width:85%;}
  #gnb .depth1 > li.type2 h2 span{display:inline-block;width:15%;}
  #gnb .depth1 > li.type2 h2 span img{width:20px;vertical-align:middle;}
  #gnb .depth1 > li.type3{display:block;}
  #gnb .depth1 > li.type3 .depth4{width:194px;margin:0 auto;}
  #gnb .depth1 > li.type3 .depth4:after {content:" "; display:block; clear:both; font-size:0; line-height:0; height:0;}
  #gnb .depth1 > li.type3 .depth4 li{float:left; margin:20px;}
  #gnb .depth1 > li.type3 .depth4 li.first{margin-right:0;}
  #gnb .depth1 > li.type3 .depth4 li.first::after {content: '';display: inline-block;width: 1px;height: 13px;background: #dedede;margin-left: 20px;}
  #gnb .depth1 > li.type3 .depth4 li a{font-size:16px;color:#9c9c9c;}
  #gnb .depth1 > li > h2 > a:hover{text-decoration:none;border-bottom:none;}
  #gnb .depth1 > li > h2 > a::after{content:none;}
  #gnb .depth2 li a{font-size:16px;}
  .btn_gnb_open{position:absolute;top:0;right:0px;z-index:999;}
  .btn_gnb_open a{display:block;position:relative;width:25px;padding:30px 20px;}
  .btn_gnb_open a{display:block;position:relative;width:25px;padding:30px 20px;}
  .btn_gnb_open span {display:block;width:25px;height:1px;margin-bottom:6px;background:#000000;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}
  .btn_gnb_open .active span.slice1 {margin-top: 9px;margin-bottom: 7px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}
  .btn_gnb_open .active span.slice2 {opacity:0}
  .btn_gnb_open .active span.slice3 {margin-top: -15px;margin-bottom: 7px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);}
}
/* 800px */
@media screen and (max-width: 800px){
  .btnS{width:100%;font-size:14px;height:40px;line-height:40px;}
  .m_block{display:block !important;}
  .m_hide{display:none !important;}
  #gnb .depth1 > li::after{display:none;}
  #container .main_con_wrap{padding-top:50px;}
  #container .main_con_01 .title{font-size:18px;}
  #container .main_con_01 .title .fontB{font-size:36px;line-height:36px}
  #container .main_con_01 .title::after{width:50px;margin:27px auto 30px;}
  #container .main_con_01 .sub_title{font-size:20px;}
  #container .main_con_02{margin:50px 0 40px;}
  #container .main_con_02 .box_con{width:50%;box-sizing:border-box;}
  #container .main_con_02 .box_con.type01{margin:0;}
  #container .main_con_02 .box_con .tab_list{top:20px;}
  #container .main_con_02 .box_con{padding:20px;}
  #container .main_con_02 .box_con .tab_con_wrap li{padding:20px;}
  #container .main_con_02 .box_con h3{font-size:15px;}
  #container .main_con_02 .box_con .txt{font-size:20px;position:absolute;bottom:20px;right:20px;}
  #container .main_con_02 .box_con .more{display:none;}
  #container .main_con_03 .con_inner{padding:0;}
  #container .main_con_03 ul li{width:100%;border-bottom:1px solid rgba(255,255,255,0.44);border-right:none;padding: 10px 20px 10px;}
  #container .main_con_03 ul li h3{font-size:12px;background:#f8252e;color:#fff;width:60px;height:25px;line-height:25px;text-align:center;border-radius:3px;font-weight:normal;float:left;margin-bottom:0;}
  #container .main_con_03 ul li a{width:-moz-calc(100% - 75px);width:-webkit-calc(100% - 75px);width:calc(100% - 75px);padding-left:10px;height:25px;line-height:24px;float:left;}
  #container .main_con_03 ul li .more{display:none;}
  .agr_check{height:24px;line-height:23px;}
  .agr_check input{width:22px;height:22px;}
  .agr_check input + label {height:24px;line-height:24px;font-size:14px;background-size:24px;padding-left:32px;}
  .agr_check input:checked+label{background-size:24px;}
  .btn_more_line{width:100%;font-size:14px;}
  .btn_more_line span{background-size:11px;}
  #footer{color:#747478;font-size:14px;}
  #footer .address{line-height:1.4;}
  #footer .con_inner .txt_con{float:none;text-align:center;}
  #footer .family_site{float:none;margin:20px 0 0 -68px;left:50%;}
  #footer .family_site>a, #footer .family_site .fm_list{width:136px;}
}
/* 680px */
@media screen and (max-width: 680px){
  .board_list_wrap.type02 .board_title{width:52%;}
  .board_list_wrap .board_ing{width:13%;}
}
/* 480px */
@media screen and (max-width:480px){
  #container .main_con_02 .box_con.type01 .tab_con_01, #container .main_con_02 .box_con.type01 .tab_con_02, #container .main_con_02 .box_con.type02{background-image:none;}
  #container .main_con_02 .box_con{height:150px;}
  /* 테이블 */
 .board_list_wrap.type01 .board_top, .board_list_wrap.type01 .num, .board_list_wrap.type01 .num2{display:none;}
 .board_list_wrap.type02 .board_top, .board_list_wrap.type02 .num, .board_list_wrap.type02 .num2{display:none;}
 .board_list_wrap .board_list ul li{padding:15px 10px 0;height:70px;}
 .board_list_wrap .board_list ul li .board_title{width:100%;height:auto;line-height:1.3;text-align:left;margin-bottom:5px;}
 .board_list_wrap .board_list ul li .date{width:100%;height:auto;line-height:1.3;text-align:left;}
 .board_list_wrap .date{color:#9c9c9c;width:auto;float:left;}
 .board_list_wrap.type02 .board_list ul li .board_ing{width:14%;;float:left;height:auto;line-height:1.3;text-align:left;}
 .board_list_wrap.type02 .board_list ul li .date{width:30%;}

 .filebox .upload-name{padding-left:8px;}
 .filebox label{width:80px;}
}