@charset "utf-8";
body { box-sizing: border-box; }

/* CSS Document */
.wrapper {height: auto; min-height: 100%; max-width: 1920px; margin: 0px auto;}
.contents_area {}

/*color*/
.color_white {color: #ffffff!important;}
.color_sky {color: #23b5cf!important;}
.color_gray {color: #8d8d8d!important;}

/*header*/
.header_wrap {width: 100%;}
.header_wrap .header_top {width: 100%; overflow: hidden; background-color: #eeeeee;}
.header_wrap .header_top .header_language {float: left; margin-top: 8px;}
.header_wrap .header_top .header_language .language_select {border: none; color: #666666; background-color: #eeeeee; font-size: 1.1rem;}
.header_wrap .header_top .header_tel {float: left; margin-top: 11px; margin-left: 10px; color: #333333; font-size: 1.1rem; display: none;}
.header_wrap .header_top .header_tel > span {color: #666666;}
.header_wrap .header_top .header_social {float: left; margin-top: 7px; margin-left: 10px; overflow: hidden;}
.header_wrap .header_top .header_social > li {display: inline-block;}
.header_wrap .header_top .header_button_con {float: right; overflow: hidden;}
.header_wrap .header_top .header_button_con > li {float: left; color: #666666; cursor: pointer; text-align: center;}

.header_con {overflow: hidden; padding: 20px 0 15px; position: relative;}
.header_con .logo_area .main_logo_text {color: #999999; border-left: 1px solid #eeeeee; letter-spacing: 0.2em;}

/*gnb*/
.gnb_wrap {float: right; overflow: hidden; margin-top: 23px;}
#gnb {float: left;}
#gnb .gnb_depth_1 {overflow: hidden; display: none;}
#gnb .gnb_depth_1 > li {float: left;  margin-left: 70px; color: #000000; font-size: 1.6rem; font-weight: 400;}
#gnb .gnb_depth_1 > li:first-child {margin-left: 0px;}
#gnb .gnb_depth_2 {overflow: hidden; position: absolute; display: none !important; z-index: 1000;}
#gnb .gnb_depth_1:hover .gnb_depth_2 {display: block;}
#gnb .gnb_depth_2 > li {padding: 5px 0;}
#gnb #domId li:hover > a, #gnb #domId li > a.active{font-weight:normal;}
#gnb.active .gnb_depth_1{display:block; position: fixed; top:0; left:0; background-color: #0798c8; width:100%; height:100%; z-index: 101; padding:15px; box-sizing: border-box; padding-top:36px;}
#gnb.active .gnb_depth_1 > li{color:#fff; margin-left:0; width:100%; padding:20px 0;}
#gnb.active .gnb_depth_1 > li:hover .gnb_depth_2{display:block !important; position: relative;; padding-left:20px;}
.close_btn{cursor: pointer; position: absolute; top:0; right:15px; z-index: 200;}
#gnb.active .close_btn{display:block;}

.gnb_bg_wrap {height: 0; position: absolute; z-index: 1; top: 39px; left: 0; width: 100%; background-color: #000; opacity: 0.8; filter:alpha(opacity=80);}

.gnb_wrap .menu {float: none; position: absolute; right: 15px; top: 45px;}

/*visual*/
.main_contents_area { min-height: 780px; display: table; text-align: center;}
.main_contents_area .visual_wrap {z-index: 1; position: absolute; height: 100%; top: 0; left: 0;}
.main_contents_area .visual_wrap .visual_con {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover;}
.main_contents_area .visual_wrap.rolling0 .visual_con.visual_0 {display: block; background: url("../img/representaion/visual_bg0.jpg") no-repeat center top; }
.main_contents_area .visual_wrap.rolling1 .visual_con.visual_1 {display: block; background: url("../img/representaion/visual_bg1.jpg") no-repeat center top; }
.main_contents_area .visual_wrap.rolling2 .visual_con.visual_2 {display: block; background: url("../img/representaion/visual_bg2.jpg") no-repeat center top; }
.main_contents_area .visual_wrap .visual_con.visual_0 {display: none; background: url("../img/representaion/visual_bg0.jpg") no-repeat center top; }
.main_contents_area .visual_wrap .visual_con.visual_1 {display: none; background: url("../img/representaion/visual_bg1.jpg") no-repeat center top; }
.main_contents_area .visual_wrap .visual_con.visual_2 {display: none; background: url("../img/representaion/visual_bg2.jpg") no-repeat center top; }
.main_contents_area .visual_wrap.rolling0 .visual_con.visual_0 .num0 {display: block;}
.main_contents_area .visual_wrap.rolling1 .visual_con.visual_1 .num1 {display: block;}
.main_contents_area .visual_wrap.rolling2 .visual_con.visual_2 .num2 {display: block;}
.main_contents_area .visual_contents {max-width: 1170px; padding: 0 15px; height: 100%; margin: auto; position: relative;}
.main_contents_area .visual_num {position: absolute; left: 15px; top: 45px; color: #ffffff; display: none;}
.main_contents_area .newsletter_con {position: absolute; right: 15px; top: 45px; color: #ffffff; overflow: hidden;}
.main_contents_area .newsletter_con .newsletter_btn {float: left; cursor: pointer;}
.main_contents_area .newsletter_con .search_btn {float: left; cursor: pointer; margin-left: 30px;}

/*visual_text*/
.main_contents_area .contents_container {margin-top: 0px; position: relative; color: #fff; z-index: 100;}
.main_contents_area .contents_container .visual_text_con {display: none; padding: 0 15px;}
.main_contents_area .rolling0 + .contents_container .visual_text_con.text_con0 {display: block;}
.main_contents_area .rolling1 + .contents_container .visual_text_con.text_con1 {display: block;}
.main_contents_area .rolling2 + .contents_container .visual_text_con.text_con2 {display: block;}
.main_contents_area .contents_container .visual_text0 {font-size: 1.5rem; margin: 16px 0; line-height: 1em; font-weight: 300; }
.main_contents_area .contents_container .visual_text1 {font-size: 3.8rem; line-height: 1.2em; font-weight: 300; }
.main_contents_area .contents_container .visual_text2 {margin:18px 0 28px; font-size: 15px; line-height: 28px;}
.main_contents_area .contents_container .visual_readmore {margin-bottom: 28px; font-size: 16px; line-height: 22px;}

/*visual_paging*/
.visual_paging_wrap {position: absolute; width: 100%; bottom: 50px; left: 0; z-index: 100; border-top:1px solid rgba(255, 255, 255, 0.2);}
.visual_tit {color: #ffffff; position: absolute; left: 15px; bottom: 36px;}
.visual_paging {max-width: 730px; margin: auto;}
.visual_paging_wrap .visual_paging_con {position: relative;}
.visual_paging_wrap .visual_paging_con .paging_line {border-top: 1px solid #fff; overflow: hidden; opacity:0.2; filter:alpha(opacity=20);}
.visual_paging_wrap .visual_paging_con .visual_paging {height: 22px; overflow: hidden; margin-top: -1px;}
.visual_paging_wrap .visual_paging_con .visual_paging > li {float: left; width: 25%; padding-top: 6px; border-top:1px solid #fff;}
.visual_paging_wrap .visual_paging_con .visual_paging > li > a {font-size:1.2rem; color:#fff; opacity:0.4; filter:alpha(opacity=40);}
.visual_paging_wrap .visual_paging_con .visual_paging > li:hover {border-top: 1px solid #ff9c00;}
.visual_paging_wrap .visual_paging_con .visual_paging > li:hover > a{opacity:1; filter:alpha(opacity=100);}
.visual_paging_wrap .visual_paging_con .visual_paging > li.on {border-top: 1px solid #ff9c00; color: #ffffff;}
.visual_paging_wrap .visual_paging_con .visual_paging > li.on > a{opacity:1; filter:alpha(opacity=100);}

/*main_contents*/
.main_contents {}
.main_contents.bg_white {background-color: #ffffff;}
.bg_gray {background-color: #f5f5f5;}
.main_line {}
.main_contents_title {position: relative; font-size: 2.6rem; line-height: 4.5rem; color: #333333; font-weight: 500;}
.main_contents_sub_title {font-size: 1.2rem; line-height: 2.8rem; color: #000000;}
.main_contents_sub_title:before {content: ""; display: block; width: 50px; height: 1px; background-color: #000000; margin: 13px auto 16px;}
.main_contents_sub_title.color_white:before {background-color: #ffffff;}
.sub_moreview {position: absolute; margin-top: 33px; right: 0; background: url("../img/representaion/main_sub_moreview.png") no-repeat right center;}
.sub_moreview.color_white {background: url("../img/representaion/main_sub_moreview_white.png") no-repeat right center;}

/*main focus*/
.focus_link_con {overflow: hidden; max-width: 786px; margin: 45px auto 0; padding: 0 15px;}
.focus_link_con > li {float: left; width: 100%; font-size: 1.3rem; color: #000000; margin-bottom: 10px;}
.focus_link_con > li:hover {color: #0ab9d6;}
.focus_link_con > li img {margin-right: 10px;}
.focus_rolling_con {overflow: hidden; width: 64px; margin: auto; padding: 40px 0;}
.focus_rolling_con > li {float: left; margin-left: 17px; cursor: pointer;}
.focus_rolling_con > li:first-child {margin-left: 0px;}
.focus_rolling_con > li .focus_offimg {display: inline;}
.focus_rolling_con > li .focus_onimg {display: none;}
.focus_rolling_con > li.focus_on .focus_offimg {display: none;}
.focus_rolling_con > li.focus_on .focus_onimg {display: inline;}

.focus_img_wrap {width: 100%; background: url("../img/representaion/focus_bg.png") no-repeat center center;}
.focus_img_wrap .focus_img_con {max-width: 666px; margin: auto; background-color: #37c1da;}
.focus_img_wrap .focus_img_con .focus_text {overflow: hidden;}
.focus_img_wrap .focus_img_con .focus_text > div {display: inline-block; width: 100%; vertical-align: middle;}
.focus_img_wrap .focus_img_con .focus_text .img_text_left > h5 {color: #333333; font-weight: 500; text-align: left;}
.focus_img_wrap .focus_img_con .focus_text .img_text_left > h6 {color: #ffffff; font-weight: 400; text-align: left; margin-top: 15px;}
.focus_img_wrap .focus_img_con .focus_text .img_text_left > p {clear: both; color: #ffffff; text-align: left; margin-top: 20px; padding-top: 20px; background: url("../img/representaion/focus_text_border.png") no-repeat left top;}
.focus_img_wrap .focus_img_con .focus_btn_con {overflow: hidden; margin-top: 15px;}
.focus_img_wrap .focus_img_con .focus_btn_con > li {float: left; color: #88dbf3; margin-left: 11px; cursor: pointer;}
.focus_img_wrap .focus_img_con .focus_btn_con > li:first-child {margin-left: 0px;}
.focus_img_wrap .focus_img_con .focus_btn_con > li:hover {color: #ffffff; font-weight: bold;}
.focus_img_wrap .focus_img_con .focus_btn_con > li.on {color: #ffffff; font-weight: bold;}

.web_link {font-size: 1.3rem; color: #999999; margin-top: 22px;}
.web_link > a {font-weight: bold;}

/*news*/
.img_box {text-align: center;}
.list_info_con {overflow: hidden;}
.list_info_con .list_date {float: left; font-size: 1.0rem; line-height: 2.0rem; color: #2fb6d3;}
.list_info_con .list_moreview {float: right; cursor: pointer; font-size: 1.1rem; line-height: 2.0rem; color: #000000; border-bottom: 1px solid #000000; padding-bottom: 1px;}
.side_btn_con {max-width: 1340px; margin: auto; position: relative; display: none;}
.side_btn_con > p {position: absolute; cursor: pointer; z-index: 1;}
.side_btn_con > p.left {left: 15px; top: 300px;}
.side_btn_con > p.right {right: 15px; top: 300px;}

/*media*/
.media_img { background: url("../img/representaion/media_bg.jpg") no-repeat center center; background-size: cover;}
.media_btn_con {text-align: center; margin-top: 100px;}
.media_btn_con > span {cursor: pointer;}
.media_btn_con > p {color: #ffffff;}
.media_btn {overflow: hidden; max-width: 604px; margin: 100px auto 0 ; padding-bottom: 55px;}
.media_btn > li {text-align:center; float: none; cursor: pointer; margin: 10px auto; padding: 0 15px; color: #b2a79c; border-top:1px solid #b2a79c; max-width: 176px; font-size: 1.3rem; line-height: 2.0rem; padding-top: 15px;}
.media_btn > li:hover {color: #ffffff; border-top:1px solid #ffffff;}
.media_btn > li.on {color: #ffffff; border-top:1px solid #ffffff;}

/*calender*/
.cal_year {position: relative;}
.cal_year .cal_2017 {position: absolute; right: 0; bottom: 20px;}

/*notice*/
.main_notice {overflow: hidden; }
.main_notice > li {float: left; width: 33.33%; box-sizing: border-box;}
.main_notice > li.notice_img {}
.main_notice > li.notice_img > img {max-width: 100%;}
.main_notice > li.notice_text {padding: 3.2% 50px; max-height: 232px; background-color: #ffffff;}
.notice_text {background-color: #ffffff; border: 1px solid #e5e5e5; text-align: left;}

.wv_list_007.wv_color_key_default {background-color: transparent;}
.wv_list_007.wv_color_key_navy {background-color: #2c3e50;}
.wv_list_007.wv_color_key_orange {background-color: #ff9d00;}
.wv_list_007.wv_color_key_green {background-color: #1abc9c;}
.wv_list_007.wv_color_key_pink {background-color: #f8a4b8;}
.wv_list_007.wv_color_key_purple {background-color: #ba6ccb;}
.wv_list_007.wv_color_key_gray {background-color: #f5f5f5;}
.wv_list_007 .list_list{max-width:390px;}
.wv_list_007 .list_title1{color:#d96a77;}
.wv_list_007 .list_subtitle1{color:#3b3b3b;}
.wv_list_007 .line{width:62px; border-bottom:1px solid #e5e5e5;}
.wv_list_007 .list_desc1{color:#444444;}
.wv_list_007 .text{color:#444444;}
.wv_list_007 .list_date{color:#888888;}
.wv_list_007 .seperate_line{height:10px; border-left:2px solid #e7e7e7;}
.wv_list_007 .button{cursor:pointer; border:1px solid #e5e5e5; border-radius: 5px;}
.wv_list_007 .button_text{border-right:1px solid #e5e5e5;}

.notice_web {display: none;}
.notice_mobile {display: block;}


@media all and (min-width:480px) {


    .sub_moreview {margin-top: 0px;}
    .focus_link_con > li {width: 50%;}

    .visual_paging_wrap .visual_paging_con .visual_paging > li {font-size: 1.4rem;}

}
@media all and (min-width:768px) {

    .header_wrap .header_top .header_button_con > li {border-right: 1px solid #e2e2e2;}
    .header_wrap .header_top .header_button_con > li:first-child {border-left: 1px solid #e2e2e2;}
    .header_wrap .header_top .header_language {float: left; margin-top: 8px;}
    .header_wrap .header_top .header_tel {margin-left: 20px; display: block;}
    .header_wrap .header_top .header_social {margin-left: 20px;}

    .focus_link_con > li {width: 25%; margin-bottom: 10px;}
    .focus_img_wrap .focus_img_con .focus_text > div {width: 50%;}
    .focus_img_wrap .focus_img_con .focus_btn_con {float: left; margin-top: 0px;}

    .media_btn > li {float: left; margin-left: 10px;}
    .media_btn > li:first-child {margin-left: 0px;}

}
@media all and (min-width:992px) {
    #gnb .gnb_depth_1 {overflow: hidden; display: block;}
    .gnb_wrap .menu {float: left; position: static;}

    .side_btn_con {display: block;}
    .main_line {background: url("../img/representaion/main_contents_bg.png") repeat-y; background-size: 100%;}

    .main_line .list_list .notice_text {border: 0px; border-left: 1px solid #ebebeb;}
    .main_line .list_list:first-child .notice_text {border: 0px;}

    .notice_web {display: block;}
    .notice_web .img_box > img {height: 100%;}
    .notice_web .main_line .list_list .notice_text {height: 182px; padding: 40px 40px 10px;}
    .notice_mobile {display: none;}

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

}
@media all and (min-width:1600px) {

}