@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------
 * Name      :web_layout.css    
 * Desc      :page layout 
 * Created   :
 * Updated   :
 ------------------------------------------------------------ */
body.fixe {overflow:hidden; width:100%; height:100%; position:fixed;}
.m_gnb .sub_menu {display:none !important;}
.web_dis {display:block;}
.mb_dis {display:none;}
.pc_view {display:block}
.mb_view {display:none}

.search_btn {display:none; position:absolute; right:65px; top:26px;}
img {max-width:100%}
#wrap.down {padding-top:173px;}

.name_search {text-align:right;}

#header.down, .sub_wrap #header.down  {background:#fff; box-shadow:0px 0px 13px rgba(0, 0, 0, 20%);}
#header.over, .sub_wrap #header.over  {background:#fff; box-shadow:0px 0px 13px rgba(0, 0, 0, 20%);}



/*
.down .w_gnb .gnb > ul > li > a, .sub_wrap .w_gnb .gnb > ul > li > a {color:#000;}
.down .top_search > button, .sub_wrap .top_search > button {color:#000;}
.down .top_search > button img, .sub_wrap .top_search > button img {-webkit-filter:brightness(1) invert(0.9); filter:brightness(1) invert(1);}
.down .top_search:before, .sub_wrap .top_search:before {background:#000;}
.down .menu_btn a img, .sub_wrap .menu_btn a img {-webkit-filter:brightness(1) invert(0.9); filter:brightness(1) invert(1);}
*/




/* wrap */
#wrap {width:100%; padding-top: 100px; overflow:hidden; margin:0 auto; transition:all 0.3s 0s ease-in-out;}
#inner_wrap {max-width:1400px; margin:0 auto; position:relative; padding-bottom:70px;}
#inner_wrap:after {clear:both; content:""; display:block;}
#inner_wrap.no_visual {padding-top:70px;}

.inner {max-width:1400px; margin:0 auto;}


.bg_wrap {background:#f2f2f2}

/* header */

#header {width:100%; position:fixed; padding:0px; left:0px; top:0px; z-index:9999; box-sizing:border-box; background: #fff; transition:all 0.3s 0s ease-in-out; }

.in_header {max-width:1720px; width:100%; height:100px; box-sizing:border-box; margin:0 auto; position:relative; z-index:9;}
#header h1 {position:absolute; left:10px; top:50%; transform:translateY(-50%); -wbkit-transform:translateY(-50%); overflow:hidden; transition:all 0.3s 0s ease-in-out; z-index:10 }

.top_search {}
.top_search > button {justify-content:center; align-items:center;}
.top_search > button img {-webkit-filter:brightness(0) invert(0.9); filter:brightness(0) invert(1);}

.top_btns {display:flex; align-items:center; position:absolute; right:10px; top:50%; transform:translateY(-50%);}
.top_btns > li:not(:first-child) {margin-left:12px; padding-left:12px; position: relative}
.top_btns > li:not(:first-child):before {display: block; content:""; width: 1px; height:16px; background: #ccc; position: absolute; left: 0px; top:50%; transform: translateY(-50%)}

.top_btns .ico {color: #666666; font-size: 15px; line-height: 1.3em;}




.searchPop {width:100%; position:absolute; left:0px; top:100%; background:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee; box-shadow:0px 3px 5px rgba(0, 0, 0, 10%); padding:0px 5vw; font-size:18px; box-sizing:border-box; }
.searchPop .inner {width:100%; max-width:1400px; box-sizing:border-box; position:relative; height:193px; display:flex; justify-content:center; align-items:center;}
.searchPop .search_area_wrap {width:100%; margin-top:0px;}
.searchPop .search_area:before {background:#eff1f6}
.searchPop .search_area .input {background:none} 
.searchPop .close {position:absolute; right:0px; bottom:10px;} 
.searchPop .close a {color:#181818; font-weight:400; line-height:1.4em;} 
.searchPop .x_btn {padding-left:24px;}
.searchPop .x_btn:after {display:block; content:""; width:20px; height:4px; background:#333; transform-origin:center; transform:translate(-50%, -50%) rotate(45deg); position:absolute; top:55%; left:10px}
.searchPop .x_btn:before {display:block; content:""; width:20px; height:4px; background:#333; transform-origin:center; transform:translate(-50%, -50%) rotate(135deg); position:absolute; top:55%; left:10px;}
.search_area_wrap {margin:20px auto 0px auto; max-width:925px; position:relative;}
.search_area {display:flex; overflow:hidden; border-radius:60px; height:82px; align-items:center; position:relative; z-index:1; padding:0px 0px 0px 50px; font-weight:500; margin-bottom:25px; box-sizing:border-box;}
.search_area:before {content:""; width:calc(100% - 105px); background:#fff; position:absolute; left:0px; top:0px; bottom:0px; z-index:-1; }
.search_area .input {border:none; outline:none; flex:1; width:100%;}
.search_area .check {min-width:160px; color:#999999;}
.search_area .btn {min-width:140px; height:100%; display:flex; justify-content:center ;align-items:center; color:#fff; font-size:1.444em; line-height:1.3em; font-weight:600; border-radius:60px; background:#1f2a66}




.m_gnb_on {position:absolute; right:10px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); box-sizing:border-box; display:none; }
.m_gnb_on .menu_btn {margin:0 auto; text-indent:-999999em; display:flex; width:46px; height:46px; background:#1f2a66; justify-content:center; align-items:center; border-radius:15px;}
.m_gnb_on .menu_btn .ico {display:block; width:18px; height:2px; background:#fff; position:relative;}
.m_gnb_on .menu_btn .ico:Before {content:""; width:70%; height:100%; top:-7px; position:absolute; right:2px; background:#fff;}
.m_gnb_on .menu_btn .ico:after {content:""; width:70%; height:100%; bottom:-7px; position:absolute; left:2px; background:#fff;}




/* GNB */
.w_gnb {padding:0px 140px 0px 240px; }
.w_gnb .gnb {margin:0 auto; box-sizing:border-box; word-break: auto-phrase;}
.w_gnb .gnb > ul {display:flex; flex-wrap:wrap; justify-content:space-around}
.w_gnb .gnb > ul > li {position:relative; flex:auto; padding:0px 5px; vertical-align:top; }

.w_gnb .gnb > ul > li > a {display:block; color:#000;}
.w_gnb .gnb > ul > li > a > span {display:inline-flex; align-items:center; box-sizing:border-box; font-size:22px; font-weight:700; height:100px; transition:all 0.2s 0s ease-in-out; position:relative;}
.w_gnb .gnb > ul > li > a > span:After {display: block; content: ""; width: 9px; height: 9px; background: #d82853; border-radius:100%; position: absolute; right:-20px; top:45%; opacity: 0; transition:all 0.2s 0s ease-in-out;}
.w_gnb .gnb > ul > li > a > span:before {display: block; content: ""; width:24px; height: 14px; border-top:5px solid #d82853; border-left:5px solid #d82853; border-radius:16px 0px 0px 0px; position: absolute; left:-20px; top:26%; opacity: 0; transition:all 0.2s 0s ease-in-out;}
.w_gnb .gnb > ul > li:hover > a > span {color: #d82853}
.w_gnb .gnb > ul > li:hover > a > span:After {opacity: 1}
.w_gnb .gnb > ul > li:hover > a > span:before { opacity: 1}


.w_gnb .gnb > ul > li:hover > a > span {opacity:1;}
/*.w_gnb .gnb > ul > li:hover > a:after {display:block; content:""; width:8px; height:8px; border-left:1px solid #333; border-top:1px solid #333; position:absolute; left:50%; top:100%; margin:-4px 0px 0px -4px; background:#fff; transform:rotate(45deg); -webkit-transform:rotate(45deg); z-index:99}*/


.w_gnb .sub_menu  {position:absolute; left:0%; width:100%; padding:20px 5px 30px; box-sizing:border-box; overflow:hidden; top:100%; display:none}
.w_gnb .sub_menu > li {padding:11px 0; letter-spacing:-0.5px;}
.w_gnb .sub_menu > li > a {display:inline-block; box-sizing: border-box; border-bottom: 1px solid transparent; font-size:18px; color:#000; font-weight:500; padding:0px;  line-height:1.5em;}
.w_gnb .sub_menu > li > a:hover {color:#d82853; border-bottom: 1px solid #d82853}
.w_gnb .gnb06 {display:none;}

.three_depth {display:none; padding-top:0.8em;}
.three_depth > li:not(:first-child) {padding-top:5px;}
.three_depth > li > a {color: #666666; font-size:15px; line-height: 1.4em;}
.three_depth > li > a:hover {color: #d82853;}
.sub_menu > li:has(.three_depth) > a {display: inline-flex; align-items: center}
.sub_menu > li:has(.three_depth) > a:after {display:inline-block; content: "+"; line-height: 1em; font-family: dotum; padding-left: 10px; font-size: 20px; font-weight: 100;}
.sub_menu > li:has(.three_depth) > a.active {color: #d82853; border-bottom: 1px solid #d82853}
.sub_menu > li:has(.three_depth) > a.active:after {content: "-";}
.sub_menu > li:has(.three_depth) > a.active + .three_depth {display: block}

/*
.w_gnb .sub_menu  {position:absolute; left:50%; width:140%; transform:translateX(-50%);padding-top:20px; box-sizing:border-box; overflow:hidden; top:100%; display:none; padding-bottom:20px;}
.w_gnb .sub_menu > li {padding:5px 0px 5px 0; letter-spacing:-0.5px;}
.w_gnb .sub_menu > li > a {display:block; font-size:15px; text-align:center; color:#cccccc; font-weight:400; padding:3px 0px;  line-height:18px;}
.w_gnb .sub_menu > li > a:hover {color:#fff; text-decoration:underline;}
*/


.gnb08 {display:none !important;}
.gnb09 {display:none !important;}
.w_gnb .m_gnb_on {position:absolute; right:0px; top:-1px; padding:21px; background:#2d3749}
#gnb_bar {;z-index:8; position:absolute; display:block; left:0%; top:100%; width:100%; background:#fff; border-top:1px solid #cccccc;background:#fff; box-shadow: 0px 5px 8px rgba(0, 0, 0, 10%) }
#gnb_bar:Before {display: block; content: ""; width: 479px; height: 100%; position: absolute; left: 50%; top:-1px;transform: translateX(-1180px); background: url(../img/common/gnb_bg.jpg) no-repeat left top/cover #f4f5fc}




.slide_menu_wrap {width:80%; max-width:500px; box-sizing:border-box; height:100%;  z-index:99999; position:fixed; right:-90%; top:0px; bottom:0px; }
.slide_menu_inner {padding:63px 15px 0px 15px; height:100%; box-sizing:border-box; overflow-y:auto; overflow-x:inherit; -webkit-overflow-scrolling:touch; background:#343434; }
.slide_menu_inner .top_btns {overflow:hidden; padding-bottom:20px; margin:-5px;}
.slide_menu_inner .top_btns > li {float:left; width:33.333%; box-sizing:border-box; padding:5px;}
.slide_menu_inner .top_btns > li > a {display:block; font-weight:100; padding:10px; border:1px solid #fff; color:#fff;  font-size:15px; text-align:center}
.slide_menu_inner .top_btns > li > a .ico {display:none;}
.slide_menu_wrap .m_gnb_on {display:none !important}

.all_close {position:absolute; right:20px; top:20px; z-index:99998}
.all_close button {background:none; border:none; outline:none; /*width:26px; height:26px;*/ padding:0px; margin:0px; }
.all_close .menu_btn {height:20px !important; width:30px !important;}
.all_close .menu_btn .line-top, .all_close .menu_btn .line-middle, .all_close .menu_btn .line-bottom {background:#fff !important}
.slide_menu_wrap .gnb > ul {overflow:hidden;}
.slide_menu_wrap .gnb > ul > li {border-bottom:1px solid #474747; transform:translateX(30%); -webkit-transform:translateX(30%); transition:all 0.8s 0s ease-in-out; -webkit-transition:all 0.8s 0s ease-in-out; border-bottom:1px solid #474747;}
.slide_menu_wrap .gnb > ul > li > a {display:block; line-height:33px; font-size:18px; color:#fff; padding:10px 10px 10px 25px; background:url(../img/common/g_plus.png) no-repeat right center; font-weight:500; } 
.slide_menu_wrap .gnb > ul > li > a.on {background:url(../img/common/g_minus.png) no-repeat right center; } 
.slide_menu_wrap .gnb .sub_menu {background:#333333; border-top:1px solid #474747; display:none; padding:10px 0px 10px 15px; }
.slide_menu_wrap .gnb .sub_menu > li > a {display:block; line-height:23px; padding:5px 10px 5px 15px; font-size:15px; color:#d6d6d6; } 
.slide_menu_wrap .gnb .sub_menu02{background:#4e4e4e; border-top:1px solid #777777; border-bottom:1px solid #777777; padding:10px 0px; }
.slide_menu_wrap .gnb .sub_menu02 > li > a {display:block; line-height:23px; padding:5px 10px 5px 35px; font-size:13px; color:#d6d6d6;} 
.slide_menu_wrap.on .gnb > ul > li {transform:translateX(0%); -webkit-transform:translateX(0%); transition:all 0.8s 0s ease-in-out; -webkit-transition:all 0.8s 0s ease-in-out;}
.slide_menu_wrap .gnb .sub_menu > li:has(.three_depth) > a {display:inline-flex;}
.slide_menu_wrap .gnb .sub_menu > li:has(.three_depth) > a:after {content:"-"}
.slide_menu_wrap .three_depth {display:block; margin-left:15px; padding:15px; background:#3d3d3d}
.slide_menu_wrap .three_depth > li {padding:3px 0px 3px 1em; position:relative;}
.slide_menu_wrap .three_depth > li:Before {display:block; content:""; width:3px; height:3px; background:#fff; border-radius:100%; position:absolute; left:0px; top:0.7em;}

.slide_menu_wrap .three_depth > li > a {font-weight:300; color:#fff;}

 #slide_menu_wrap .search_box {position:relative; padding:0px 70px 0px 10px; border:1px solid #000; background:#eee; box-sizing:border-box; margin-bottom:20px;}
#slide_menu_wrap .search_box .input {border:none; width:100%; height:43px; font-size:15px; color:#333; line-height:43px; outline:none; background:#eee}
#slide_menu_wrap .search_box button {width:80px; height:45px; line-height:43px; border-radius:0px;  position:absolute; right:-1px; top:-1px; background:#000; font-size:15px; color:#fff; font-weight:500;}


/* visual */
.main_visual {width:100%; height:280px; overflow:hidden; position:relative;}
.main_visual .videoDiv {position:absolute; top:0px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:1920px; height:1000px;}
.main_visual .videoDiv img {max-width:100%; max-height:100%;}
.main_visual .bxslider > li {background-size:cover !important; }
.main_visual .bxslider > li img {width:100%;}
.main_visual .v_frame {max-width:1400px; margin:0 auto; position:relative;}
.main_visual .v_frame img {max-width:100%;}
.main_visual .v_frame .m_visual {display:none;}
.main_visual .v_bt {position:absolute; bottom:0px; z-index:99;}
.main_visual .v_bt > a {display:block; color:#fff; line-height:14px; font-size:18px;}

.main_visual #proprev1 {right:48px; }
.main_visual #pronext1 {right:0px;}

.visual_counter_wrap {width:100%; z-index:98;}
.visual_counter {display:flex; align-items:center; justify-content:space-between}
.visual_counter .v_bt {z-index:99;}
.visual_counter .v_bt > a {display:flex;border-radius:100%; width:40px; height:40px; justify-content:center; align-items:center; box-sizing:border-box; text-indent:-99999em; background:#333333}
.visual_counter .v_bt > a:after {content: ''; width: 6px; height: 6px; border-top:2px solid #fff; border-right:2px solid #fff; display: inline-block; }
.visual_counter .prev > a:after {transform: rotate(-135deg);}
.visual_counter .next > a:after {transform: rotate(45deg);}
.visual_counter .stop > a:after {display:block; content:""; width:3px; height:13px; border-left:3px solid #000; border-right:3px solid #000; border-bottom: none; border-top:none;   }
.visual_counter .play > a:after {display:block; content:""; border-left:7px solid #000; border-top:5px solid transparent; border-bottom:5px solid transparent;  border-right:none;  }
.visual_counter .stop > a {background:none;}
.visual_counter .play > a {background:none;}



/* section */
.section {padding:30px 0px;}
#section1 {padding:0px 0px; }
#section1 .two_block {float:left; width:50%;}
#section1 .two_block {float:left; width:50%;}






.main_quick {max-width:1400px; margin:0 auto; background:#1f2a66; padding:20px 0px;}
.main_quick > ul {overflow:hidden; padding-top:10px;}
.main_quick > ul > li {float:left; width:12.5%; box-sizing:border-box; padding:5px;}
.main_quick > ul > li > a {display:block; text-align:center;}
.main_quick > ul > li > a .ico {display:inline-block; background:#fff; border-radius:100%; padding:8px;}
.main_quick > ul > li > a .txt {display:block; color:#fff; min-height:40px; font-size:16px; line-height:120%; padding-top:10px; font-weight:300;}

.main_block {padding-top:50px;}
.main_block .m_block_wrap {margin:-10px;}
.main_block .m_block {float:left; position:relative; width:50%; box-sizing:border-box; padding:10px;}
.main_block .m_block .more {position:absolute; right:20px; top:20px;}
.main_block .publication {border:1px solid #e5e5e5;}
.main_block .publication > ul {overflow:hidden;}
.main_block .publication > ul > li {float:left; width:50%; height:334px; border-left:1px solid #e5e5e5; box-sizing:border-box; padding:15px;}
.main_block .publication > ul > li:first-child {border-left:none;}
.main_block .publication > ul > li > a {display:block; position:relative;}
.main_block .publication > ul > li > a .type {display:inline-block; min-width:100px; line-height:30px; box-sizing:border-box; padding:0px 10px; color:#fff; font-size:15px; background:#ee7814; text-align:center;}
.main_block .publication > ul > li > a .pic {display:block; margin:10px auto; max-width:141px; height:199px; border:1px solid #ccc; box-shadow:2px 3px 4px #eee; box-sizing:border-box;}
.main_block .publication > ul > li > a .txt_t {display:block; font-size:18px; line-height:26px; font-weight:100; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; text-align:center; color:#000;}
.main_block .publication > ul > li > a .date {display:block; font-size:15px; line-height:130%; font-weight:100; color:#666666; text-align:center; }

.main_block .publication > ul.event > li > a .txt_t {overflow:hidden; white-space:inherit; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; height:52px; text-align:left; padding-top:5px;}
.main_block .publication > ul.event > li > a .date {text-align:left; padding-top:10px;}
.main_block .publication > ul.event > li > a .pic {max-width:255px; overflow:hidden; padding:0px; padding-bottom:62%; position:relative; height:auto; margin:0 auto; margin-top:20px;}
.main_block .publication > ul.event > li > a .pic img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); width:100%; height:auto;}

.main_report {background:#f3f3f3; min-height:66px; padding:29px 20px 29px 95px;}
.main_report .report {position:relative;}
.main_report .report:before {display:block; content:""; width:52px; height:52px; background:url(../img/main/ico_notice.png) no-repeat left top; position:absolute; left:-70px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%)}
.main_report .report > a {display:block; padding:20px 100px 20px 0px; position:relative;}
.main_report .report > a .txt_t {display:block; font-size:18px; line-height:26px; font-weight:100; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; text-align:left; color:#000;}
.main_report .report > a  .date {display:block; font-size:15px; line-height:130%; font-weight:100; line-height:20px; color:#666666; position:absolute; right:0px; top:50%;  transform:translateY(-50%); -webkit-transform:translateY(-50%)}

.slide_banner {padding:18px 97px; background:#f3f3f3; position:relative; box-sizing:border-box; margin:0px auto 0px;}
.slide_banner #slide_l {position:absolute; left:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%)}
.slide_banner #slide_l > a {display:block; background:url(../img/main/slide_l.gif) no-repeat center center; padding:24px;}
.slide_banner #slide_r {position:absolute; right:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%)}
.slide_banner #slide_r > a {display:block; background:url(../img/main/slide_r.gif) no-repeat center center; padding:24px;}

.slide_banner .bx-wrapper .bx-controls-direction a { margin-top:-25px; padding:16px; }
#slide_banner > li > a {display:block; text-align:center; border:1px solid #ccc; background:#fff;}
#slide_banner > li > a img {display:inline-block; max-height:64px }


@media (hover:none) {
    .hover:hover .ico_circle {background:#007dc6;}
  
    
}


.more {position:absolute; right:30px; top:30px;}
.more a {display:block; font-size:0px; width:12px; height:12px; background:url(../img/main/more.png) no-repeat center center; font-weight:300; color:#0c91dd; padding:5px; -webkit-transition:all 0.3s 0s ease-in-out; transition:all 0.3s 0s ease-in-out;}
.more a:hover {transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -webkit-transition:all 0.3s 0s ease-in-out; transition:all 0.3s 0s ease-in-out;}
.more a > span {display:inline-block; vertical-align:middle; margin-left:10px; width:15px; height:15px; padding:8px; border:1px solid #0c91dd}


.mb_tit.tc:after {display:none;} 
.mb_tit {text-align:center; font-size:32px; color:#000; padding:50px 0px 25px 0px; line-height:150%; position:relative; font-weight:700; border-bottom:1px solid #e5e5e5}
.mb_tit:after {display:block; content:""; width:64px; height:7px; position:absolute; left:50%; bottom:0px; margin-left:-32px; background:#313747}
.m_tit {padding:0px 0px 15px 0px; color:#333; font-size:26px; line-height:150%; font-weight:700;}
.m_tit_txt {margin:-20px 0px 30px 0px; color:#555555; font-size:18px; text-align:center; line-height:150%; display:block;}



/* quick */
.down .quick_wrap {position:fixed; top:87px;}

.quick_wrap {position:absolute; width:89px; right:10px; top:190px; z-index:999}
.quick_wrap > ul > li {margin-bottom:2px; border:3px solid #fff; width:100%; box-sizing:border-box; display:table;}
.quick_wrap > ul > li > a {display:table-cell; width:100%; vertical-align:middle; position:relative; text-align:center; font-size:13px; line-height:140%; font-weight:100; background:#012b7d; color:#fff; height:120px;}
.quick_wrap > ul > li > a .ico {display:block;}
.quick_wrap > ul > li > a:before {display:block; content:""; width:18px; height:1px; background:#fff; position:absolute; left:-1px; top:6px; transform:rotate(40deg); -webkit-transform:rotate(40deg);}
.quick_wrap > ul > li > a:after {display:block; content:""; width:18px; height:1px; background:#fff; position:absolute; right:-1px; bottom:6px; transform:rotate(40deg); -webkit-transform:rotate(40deg);}

.quick_wrap .top {border:3px solid #fff;}
.quick_wrap .top a {display:block; position:relative; text-align:center; font-size:13px; line-height:140%; font-weight:100; background:url(../img/common/arrow3.gif) no-repeat center 10px #333333; color:#fff; padding:20px 0px 5px 0px;}


/* footer */
#footerW {clear:both; background:#fff; border-top:1px solid #ccc;  padding:60px 0px; box-sizing:border-box; margin-top:60px; position:relative;}
#footerW.z_over {z-index:101; position:relative;}


#footer_navi > ul {display: flex; max-width:1400px; margin:0 auto; padding-bottom:20px;}
#footer_navi li {position:relative; padding-left:14px; margin-left:13px;}
#footer_navi li:first-child {padding-left:0px; margin-left:0px;}
#footer_navi li:not(:first-child):before {display: block; content: ""; width: 1px; height:12px; background: #ccc; position: absolute; left: 0px; top: 50%; transform: translateY(-50%);}

#footer_navi > ul > li > a {display:block; font-size:16px; color:#202122 !important; font-weight:600; line-height:1.4em; }
#footer {max-width:1400px; margin:0 auto; position:relative;}

#footer .addressW {padding:0px 0px 65px 240px; position:relative; font-size:16px; color:#202122; line-height:24px; background:url(../img/common/logo.png) no-repeat left top; background-size:160px auto; font-weight: 400;}
#footer .addressW .copy {padding-top:20px; color:#5b626c; font-weight:400; text-transform:uppercase;}
#footer .addressW a {color:#cccccc}
#footer .addressW address {margin-left:-10px; line-height:150%;}
#footer .addressW address span {display:inline-block; padding:2px 10px;}
#footer .addressW address span img {vertical-align:middle}
#footer .addressW .sns_wrap {position: absolute; right: 0px; top: 0px; display: flex; align-items: center}
#footer .addressW .sns_wrap {position: absolute; right: 0px; top: 0px; display: flex; align-items: center}

#footer .go_top {position:absolute; right:10px; top:90px; z-index:99}
#footer .go_top > a {display:block; border-radius:100%; padding:18px; background:#2b3441;}
#footer .sns {display: flex; align-items: center; gap:20px;}
#footer .sns > li {position: relative;}
#footer .sns > li:not(:first-child):before {display: block; content: ""; width: 1px; height: 10px; background: #000; position: absolute; left: -10px; top: 50%; transform: translateY(-50%)}

#footerW .familySite {text-align:left; margin-left: 20px; position: relative;}
#footerW .familySite ul.show {display:block;}
#footerW .familySite ul {position:absolute;   right:0px; bottom:100%; display:none; background:#363636; width:100%; border-top:1px solid #6c6f78;}
#footerW .familySite ul li {min-height:43px; border:1px solid #6c6f78; border-top:none; line-height:43px; font-size:13px; }
#footerW .familySite ul li:last-child {border-bottom:1px solid #6c6f78; }
#footerW .familySite ul li a {display:block; color:#c0c2c5; padding-left:17px; font-weight:300;}
#footerW .familySite ul li a:hover {color:#c0c2c5; background:#272727}
#footerW .familySite p.on {width:200px;cursor:pointer; line-height:50px; background: #fff; border:1px solid #ccc; padding:0px 32px 0px 17px; text-transform:uppercase; font-weight:400; color:#333; font-size:16px; border-radius:4px; }
#footerW .familySite p.on:after {content: "▲"; font-size:9px; color: #000; position: absolute; right: 10px; top:0px; display: flex; align-items: center; height: 100%;}


#content {width:100%; max-width:1400px; margin:0 auto; padding:30px 0px;}
#content:after {clear:both; content:""; display:block;}




.sub_visual {width:100%; box-sizing:border-box; position:relative;}
.sub_visual .sub_txt {max-width:1400px; margin:0 auto; height:380px; display: flex; flex-direction: column; justify-content: center; align-items: center; box-sizing:border-box; position:relative;  color:#fff; box-sizing: border-box; padding-bottom:80px;} 
.sub_visual .sub_txt > h2 { } 
.sub_visual .sub_txt .txt1 {font-size:32px; line-height:140%; font-weight:100; padding-bottom:5px;}
.sub_visual .sub_txt .date {font-size:32px; line-height:37px; font-weight:400; padding-bottom:5px;}
.sub_visual .sub_txt .place {font-size:26px; line-height:140%; font-weight:600; padding-bottom:50px;}
.sub_visual .sub_txt .date .day {display:inline-block; vertical-align:top; width:37px; height:37px; border-radius:100%; background:#0096f1; font-size:23px; font-weight:500; line-height:37px; text-align:center;}
.sub_visual .sub_txt .date .line {display:inline-block; vertical-align:middle; width:1px; height:20px; background:#b7b4b6; margin:0px 20px;}
.sub_visual #lnb_wrap {position: absolute; left: 0px; bottom: 0px; width: 100%;}

.sub_wrap_10 .sub_visual .sub_txt {padding-bottom:0px}

.sub_wrap_10 #lnb_wrap {display:none !important;}

.sub_wrap_1 .sub_visual {background: url(../img/common/sub_visual01.jpg) no-repeat center top/cover}
.sub_wrap_2 .sub_visual {background: url(../img/common/sub_visual02.jpg) no-repeat center top/cover}
.sub_wrap_3 .sub_visual {background: url(../img/common/sub_visual03.jpg) no-repeat center top/cover}
.sub_wrap_4 .sub_visual {background: url(../img/common/sub_visual04.jpg) no-repeat center top/cover}
.sub_wrap_5 .sub_visual {background: url(../img/common/sub_visual05.jpg) no-repeat center top/cover}
.sub_wrap_6 .sub_visual {background: url(../img/common/sub_visual06.jpg) no-repeat center top/cover}
.sub_wrap_7 .sub_visual {background: url(../img/common/sub_visual07.jpg) no-repeat center top/cover}
.sub_wrap_10 .sub_visual {background: url(../img/common/sub_visual07.jpg) no-repeat center top/cover}

.sub_wrap .bt_quick {display:none}
.sub_wrap #header {background: #fff; border-bottom:1px solid #eee}
.sub_wrap {padding-top: 100px;}

#sub_tit {font-size:52px; color:#fff; font-weight:700; line-height:140%;}
#sub_tit .txt_s {font-size:36px; display:inline-block;}

#m_lnb {display:none;}


/* #lnb_wrap {position:relative; z-index:10; box-sizing:border-box;}
#lnb_wrap .three_depth {display:none;}
#lnb_wrap .lnb {max-width:1400px; margin:0 auto;}
#lnb_wrap .lnbs1 {display:none;}
#lnb_wrap .lnbs2 {display:none;}
#lnb_wrap .ico_home {display:none;}
#lnb_wrap .ico_home a {display:block; width:49px; height:41px; text-indent:-1000px; font-size:0px; background:url(../img/common/ico_home.gif) no-repeat center center #f1592a;}
.lnbs2 ul {overflow:hidden; font-size:0px; text-align:center;}
.lnbs2 ul li {color:#fff; float:left; vertical-align:top; box-sizing:border-box; position:relative;  padding:0px 10px;}
.lnbs2 ul li:first-child:before {display:none;}

.lnbs2 ul li > a {display:block; height:60px; line-height:60px; text-align:center; vertical-align:middle; color:#fff; font-size:20px; font-weight:100;}
.lnbs2 ul li.on a {font-weight:500;}
.lnbs2 ul li.on a:after {display:block; content:""; width:7px; height:7px; border-radius:100%; background:#fff; position:absolute; left:50%; bottom:0px; margin-left:-3px;}
#lnb_tit2 {display:none}

.lnbs3 {position: relative;}
.lnbs3:before {display: block; content: ""; width: 100vw; background:#000; border-top:1px solid #fff; opacity: 0.3; position: absolute; left: 50%; top: 0px; height: 100%; transform: translateX(-50%);}
.lnbs3 ul {display: flex; position: relative; z-index: 2}
.lnbs3 ul > li {flex: 1; position: relative;}
.lnbs3 ul > li:not(:first-child):before {content: ""; width: 1px; height: 20px; background: #fff; opacity: 0.2; position: absolute; left: 0px; top: 50%; transform: translateY(-50%)}
.lnbs3 ul > li > a {display: flex; height: 100px; color: #fff; font-size: 18px; line-height: 1.3em; justify-content: center; align-items: center; position: relative; z-index:2;}
.lnbs3 ul > li.on > a {background: #1f2a66; font-weight: 600;} */



#lnb_wrap {position:relative; z-index:10; box-sizing:border-box;}


#lnb_wrap .lnbs1 {}

#lnb_wrap .lnb {display:flex; width:100%;box-sizing:border-box; position:relative; z-index:9; }
#lnb_wrap .lnb:before {display:block; content:""; width:300%; height:100%; box-sizing:border-box; left:50%; transform:translateX(-50%); position:absolute; background:#0f185b; z-index:-1;}
#lnb_wrap .lnb .lnbs { width:50%; max-width:220px; box-sizing:border-box;position:relative;}
#lnb_wrap .lnb .lnbs:after  {content:""; width:1px; height:16px; background:#575e8d; position:absolute; right:0px; top:50%; margin-top:-8px;;}
#lnb_wrap .lnb .lnbs .copy_menu { position:absolute; left:0px; top:calc(100% + 0px); top:-webkit-calc(100% + 0px); width:100%; border-left:1px solid #e2e2e2;  border-right:1px solid #e2e2e2;  border-top:1px solid #e2e2e2; display:none; background:#fff;}
#lnb_wrap .lnb .lnbs .sub_menu {display:none !important;}

#lnb_wrap .ico_home {position:relative;}
#lnb_wrap .ico_home:before {content:""; width:1px; height:16px; background:#575e8d; position:absolute; left:0px; top:50%; margin-top:-8px;;}
#lnb_wrap .ico_home:after {content:""; width:1px; height:16px; background:#575e8d; position:absolute; right:0px; top:50%; margin-top:-8px;;}


#lnb_wrap .ico_home a {display:block; width:60px; height:100%; text-indent:-1000px; font-size:0px; background:url(../img/common/ico_home.png) no-repeat center center;}
.lnb ul li {color:#666666; display:block; padding:0px; margin-top:0px;}
.lnb .three_depth {padding:10px;}
.lnb ul li a {color:#333333; font-size:15px; display:flex; align-items:center; justify-content: space-between; line-height:130%; height:45px; padding:5px 20px 5px 30px; border-bottom:1px solid #e2e2e2; box-sizing:border-box; text-align:left; border-top:none; font-weight:500;}
.lnb ul li a:after {display:block; content:""; width: 5px; height: 5px; border-top:2px solid #333; border-right:2px solid #333; display: inline-block; transform: rotate(45deg);}
.lnb ul li a:hover {color:#fff; background:#0f185b}
.lnb ul li a:hover:after {border-color:#fff;}
.lnb .three_depth {border:none;}
.lnb ul li .three_depth a {padding:6px 15px; border:none; font-size:13px;}

.lnbs2 ul li.on a {border-radius:0px; }

#lnb_wrap .lnb .lnbs2 { max-width:270px; }
#lnb_wrap .lnbs3 {width:100%; margin:0 auto; display:none;}
#lnb_wrap .lnbs3 > ul {display:flex; flex-wrap:wrap; justify-content:center; }
#lnb_wrap .lnbs3 > ul > li {position:relative; height:85px; padding:0px 0px; display:flex; justify-content:center; align-items:center;}
#lnb_wrap .lnbs3 > ul > li > a {display:flex; justify-content:center; align-items:center; text-align:center; height:40px; box-sizing:border-box; color:#999999; font-weight:600; padding:0px 30px; width:100%; font-size:17px; border:none; position:relative; background:#fff;}
#lnb_wrap .lnbs3 > ul > li.on > a {font-weight:600; background:#30cda7; border-radius:60px; color:#fff;}


.lnb_tit, a.lnb_tit {font-size:18px; display:block; box-sizing:border-box; padding-left:30px; color:#fff; display:flex; align-items:center; height:70px; cursor:pointer; padding-right:20px; font-weight:600; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.lnb_tit:after {display:block; content:""; position:absolute; right:17px; top:50%; transform:translateY(-50%); width:0; height:0;border-top:7px solid #fff; border-left:5px solid transparent; border-right:5px solid transparent; transition:all 0.2s 0s ease-in-out;}
.lnb_tit.on:after {transform:rotate(-180deg); margin-top:-5px}


#lnb_menu .three_depth {display:none;}



.title_bar {margin:50px 0px; position:relative;}
.title_bar h2 {font-family: 'GoyangDeogyang', sans-serif; font-size:42px; text-align:center; font-weight:400; color:#000; line-height:140%; padding-bottom:10px; transition:all 0.2s 0s ease-in-out;}

.title_bar .s_txt {font-size:17px; color:#666666; padding:10px 0px 10px 0px; line-height:140%; font-weight:300; text-align:center; word-break:keep-all}
.big_tit {font-size:46px; color:#000000; line-height:100%; transition:all 0.2s 0s ease-in-out; font-weight:700; padding:40px 0px 30px 0px;}

.location_wrap {display:none;}
.location {position:relative; text-align:right; margin:0 auto; margin-top:10px; line-height:40px; height:40px; font-size:15px;}
.location span {display:inline-block; zoom:1; *display:inline; position: relative; padding-left:20px; margin-left:14px; color:#fff; font-weight:400;}
.location span:before {display: block; content: "▶"; position: absolute; left: 0px; top: 0px; font-size:8px;}
.location span:first-child {padding-left:0px; margin-left:0px; background:none}
.location span:first-child:before {display: none;}
.location #location_2 {font-weight:400;}
.location #location_3 {font-weight:700;}
.location img {vertical-align:middle; margin-top:-4px;}
.sub_con {min-height:100px; max-width:1400px; margin:0 auto; font-size:16px; font-weight:300; line-height:160%; word-break:keep-all;}
.sub_con img {max-width:100%;}
.sub_con .location_wrap {display:none;}
.sub_more {display:inline-block; padding-right:20px; background:url(../img/main/more.png) no-repeat 99% center;}

.s_tit {font-size:26px; position:relative; color:#000; line-height:120%; padding:0px 0px 15px 35px; margin-top:60px; font-weight:600;}
.s_tit .small {display:inline-block; color:#5c5c5c; font-size:0.85em; font-weight:100;}
.s_tit:after {display:block; content:""; width:17px; height:17px; background:#1f2a66; position:absolute; left:0px; top:10px; border-radius:100%; z-index:2}
.s_tit:before {display:block; content:""; width:17px; height:17px; background:#e7355c; position:absolute; left:8px; top:3px; border-radius:100%;}

.s_tit_a{display:inline-block; margin-top:-20px;}
.s_tit_a > span{font-size:14px; display:block;}
.s_tit_a > .ban_ver{vertical-align:bottom;}

.s_tit.tc {text-align:center; background:none !important; padding-left:0px;}
.ss_tit {font-size:22px; position:relative; color:#333333; line-height:140%; padding:0px 0px 0px 20px; margin-bottom:10px; margin-top:45px; font-weight:700;}
.ss_tit:before {display:block; content:""; width:7px; height:24px; background:#0f7bc6; position:absolute; left:0px; top:4px;}
.ss_tit > span{font-weight:300;}
.ss_tit.bg_no {padding-left:0px;}
.ss_tit.bg_no:before {display:none;}
.ss_tit.bg_no:after {display:none;}
.s_titW {max-width:1400px; margin:0 auto; padding:50px 0px 5px 0px;}

.sss_tit {font-size:20px; color:#000; padding:0px 0px 0px 20px; margin:40px 0px 10px 0px; line-height:140%; position:relative;}
.sss_tit:before {display:block; content:""; width:10px; height:10px; background:#144085; border-radius:100%; position:absolute; left:0px; top:8px;}
.b_txt {font-size:20px; color:#000000; padding:40px 0px 15px 0px; line-height:150%;}
.s_txt_r {text-align:right; margin-top:-35px; height:20px; padding-bottom:15px;}
.s_txt_r2 {height:40px; margin-top:-55px;}
.imgW img {max-width:100%;}
.txt_in {padding-left:35px;}



.box_txt {border:1px solid #d0d0d0; text-align:center; background:#f4f6f7; font-size:22px; line-height:140%; color:#004497; padding:30px 0px;}
.first_txt {font-size:2em; line-height:140%; color:#000;}


.report_top {border:1px solid #ccc; overflow:hidden; position:relative; margin-bottom:30px;}
.report_top:after {display:block; content:""; width:1px; height:100%; background:#ccc; position:absolute; left:50%; top:0px;}
.report_top .report_wrap {float:left; width:50%; box-sizing:border-box; padding:15px 10px; position:relative; padding-left:220px; min-height:280px}
.report_top .report_wrap:before {display:block; content:""; width:100%; height:140px; background:#f2f3f7; position:absolute; left:0px; bottom:0px; z-index:-1}
.report_top .report_wrap .pic {position:absolute; background:#fff; left:10px; top:15px; width:190px; height:254px; border:1px solid #ccc; box-shadow:2px 3px 4px #eee; }
.report_top .report_wrap .txt_t {font-size:1.1em; color:#000; padding-bottom:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.report_top .report_wrap .info {min-height:80px;}
.report_top .report_wrap .info > li {position:relative; min-height:25px; padding-left:65px; margin-top:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.report_top .report_wrap .info > li .pa {position:absolute; left:0px; top:0px; width:56px; height:25px; line-height:25px; border-radius:60px; background:#1862ad; text-align:center; color:#fff; font-size:13px;}
.report_top .report_wrap .txt_s {font-size:15px; color:#333333; line-height:22px; height:66px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.report_top .report_wrap .detail {text-align:right; padding-top:10px;}
.report_top .report_wrap .detail > a {display:inline-block; width:100%; max-width:150px; border:1px solid #1f2a66; line-height:38px; text-align:center; color:#1f2a66; font-size:15px; background:#fff;}

.report_top2 .report_wrap .pic {width:250px; height:170px; overflow:hidden;}
.report_top2 .report_wrap .pic img {width:100%; height:100%}
.report_top2 .report_wrap {padding-left:280px; min-height:200px;}
.report_top2 .report_wrap:before {display:none;}
.report_top2 .report_wrap .txt_t {line-height:24px; height:48px; overflow:hidden; white-space:inherit; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; padding-bottom:0px; margin-bottom:30px;}


.bt_down {display:inline-block; max-width:90%;}
.first-txt-box {padding-bottom:10px; margin-bottom:40px;}
.first-txt-box .txt-box {max-width:90%; margin:0 auto; background:#1f2a66; text-align:center; color:#fff; padding:4% 10px; font-size:1.15em; line-height:160%; font-weight:100; margin-top:-8%; position:relative;}

.num_txt {margin-left:-25px; padding-bottom:30px;}
.num_txt > li {position:relative; display:inline-block; margin:5px 0px 0px 25px; padding:4px 0px 5px 0px; padding-left:50px; min-height:25px; line-height:25px; font-size:1.05em; font-weight:400;}
.num_txt > li .num {position:absolute; left:0px; top:0px; width:34px; height:34px; line-height:32px; box-sizing:border-box; border:1px solid #ccc; color:#000; font-weight:100; text-align:center; border-radius:100%}


.box_info {overflow:hidden; position:relative;border:1px solid #ccc; padding:30px 20px 30px 230px; min-height:85px; background:#f3f4f8; color:#000; font-size:1.05em;}
.box_info .ico {position:absolute; left:40px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%)}
.box_info .first-txt {font-size:1.3em; line-height:150%; padding-bottom:5px;}

.step_gudie:after {display:block; content:""; clear:both;}
.step_gudie {margin:0px -3px 50px 1px;}
.step_gudie > li {float:left; position:relative; width:33.333%; box-sizing:border-box; border:1px solid #ccc; padding:30px 30px 20px 30px; margin:-1px 0px 0px -1px;}
.step_gudie > li .box {min-height:170px; position:relative; padding-left:85px;}
.step_gudie > li .box .ico {position:absolute; left:0px; top:0px;}
.step_gudie > li .txt_t {display:block; font-size:1.3em; line-height:140%; padding-bottom:5px;}
.step_gudie > li .small {display:block; font-size:0.9em; line-height:140%; padding-top:10px;}

.step_gudie > li .btnSmall {display:block; max-width:175px; margin:5px auto; background:#0f7bc6}
.step_gudie > li:before {display:block; content:""; width:46px; height:46px; background:url(../img/community/arrow.png) no-repeat left top; position:absolute; left:0px; top:50%; margin:-23px 0px 0px -23px;}
.step_gudie > li:first-child:before {display:none;}

.mailing_write {background:#f3f4f8; padding:30px;}
.mailing_write > ul {padding-left:230px; max-width:475px; margin:0 auto; background:url(../img/common/ico_mailing.png) no-repeat left center; min-height:170px; }
.mailing_write > ul > li {position:relative; padding-left:80px; margin-top:10px; font-size:17px;}
.mailing_write > ul > li:first-child {margin-top:0px;}
.mailing_write > ul > li .txt_t {line-height:55px; position:absolute; left:0px; top:0px;}
.mailing_write > ul > li .input {height:55px; padding:8px 10px; width:100%;}

.info_box_wrap {border:1px solid #d0d9e7; padding:30px; background:#ebf1f9; margin-top:10px;}
.info_box_wrap > dl {padding-left:160px; background:url(../img/info/01_ico01.png) no-repeat left top;}
.info_box_wrap > dl > dt {font-size:1.4em; line-height:140%; font-weight:600; padding-bottom:10px;}
.info_box_wrap > dl > .bt {padding-top:10px;}
.info_box_wrap > dl > .bt > a {background:#1f2a66; margin-top:3px; padding:0px 20px; font-size:1.0em;}
.info_box_wrap > dl > .bt > a .link {background:url(../img/common/ico_link.png) no-repeat right center; padding-left:0px; padding-right:30px;}
.info_box_wrap > dl > .bt > a .down {background:url(../img/common/ico_down5.png) no-repeat right center; padding-left:0px; padding-right:30px;}


.introduce {line-height:165%; min-height:400px; padding-left:460px; font-size:1.05em; padding-top:20px; position:relative;}
.introduce .pic {position:absolute; left:0px; top:-30px;}
.introduce .first {font-size:2.0em; line-height:140%; padding-bottom:30px; color:#000;}
.introduce .first .ib {padding-top:15px;}
.introduce .first strong {font-weight:600;}
.introduce .txt_bb {padding-top:50px; margin-left:-460px;}

.introduce02 {line-height:185%; min-height:400px; padding-left:0px; font-size:1.4em; padding-top:20px; position:relative; font-weight:400;}
.introduce02 .pic {position:absolute; right:0px; top:-35px;}
.introduce02 .first {font-size:2.0em; line-height:140%; padding-bottom:30px; color:#000;}
.introduce02 .first .ib {padding-top:15px;}
.introduce02 .first strong {font-weight:600;}
.introduce02 .txt_bb {padding-top:50px; margin-left:0px;}

.intro_ico > li {position:relative; padding:10px 0px 10px 100px; margin-top:20px; min-height:60px; font-weight:400; color:#000; }
.intro_ico > li .ico {position:absolute; left:0px; top:0px;}

.director_profile {overflow:hidden;}
.director_profile .pic {float:left; width:50%; box-sizing:border-box; padding-right:10px; padding-left:245px; background:url(../img/introduce/02_img02_1.jpg) no-repeat left top; min-height:230px;}
.director_profile .pic .first {color:#1f2a66; padding-bottom:30px; font-size:1.8em; line-height:130%;}
.director_profile .pic > ul > li {position:relative; padding-left:90px;}
.director_profile .pic > ul > li .year {font-weight:500; position:absolute; left:0px; top:0px; padding-left:15px;}
.director_profile .pic > ul > li .year:before {display:block; content:""; width:5px; height:5px; background:#1f2a66; border-radius:100%; position:absolute; left:0px; top:50%; margin-top:-3px;}
.director_profile .d_profile_wrap {float:left; width:50%; box-sizing:border-box; padding-left:10px;}


.d_profile_wrap .d_profile {padding-top:40px;}
.d_profile_wrap .d_profile:first-child {padding-top:0px;}
.d_profile_wrap .d_profile > h3 {max-width:130px; text-align:center; line-height:48px; background:#1f2a66; border-radius:30px; color:#fff; font-size:1.05em; margin-bottom:10px;}
.d_profile_wrap .d_profile > h4 {padding-top:30px; padding-left:30px; font-size:1.05em;}
.d_profile_wrap .d_profile > h4:first-child {padding-top:0px;}
.d_profile_wrap .d_profile > ul {padding-left:30px;}
.d_profile_wrap .d_profile > ul > li {margin-top:5px;}
.d_profile_wrap .d_profile > ul > li .year {padding-right:10px;}

.director_list:after {display:block; content:""; clear:both;}
.director_list {margin:1px -2px 0px 1px;}
.director_list > .director {float:left; position:relative; width:50%; box-sizing:border-box; border:1px solid #ccc; box-sizing:border-box; padding:25px 20px 20px 200px; min-height:330px; margin:-1px 0px 0px -1px;}
.director_list > .director .pic {width:154px; height:200px; position:absolute; left:20px; top:25px;}
.director_list > .director > h3 {max-width:133px; text-align:center; line-height:48px; background:#1f2a66; border-radius:30px; color:#fff; font-size:1.05em;}
.director_list > .director > ul {padding:10px 0px 0px 20px;}
.director_list > .director > ul > li {position:relative; padding-left:80px; font-size:15px; margin-top:5px;}
.director_list > .director > ul > li .txt_t {font-weight:500; position:absolute; left:0px; top:0px; padding-left:15px;}
.director_list > .director > ul > li .txt_t:before {display:block; content:""; width:4px; height:4px; background:#1f2a66; border-radius:100%; position:absolute; left:0px; top:50%; margin-top:-3px;}
.director_list > .director > ul.hh > li {margin-top:2px;}


.vision_box {position:relative; padding-left:200px; min-height:120px; margin-bottom:10px;}
.vision_box > h4 {width:190px; height:120px; line-height:120px; text-align:center; font-size:1.5em; background:#eceff6; border-radius:20px; position:absolute; left:0px; top:0px;}
.vision_box > .con {border:1px solid #ccc; border-radius:20px; min-height:120px; box-sizing:border-box;}
.vision_box > .con .first {text-align:center; color:#1f2a66; font-size:1.7em; line-height:120%; padding:10px; font-weight:600;}
.vision_box > .con .first .small {color:#666; font-size:18px; line-height:130%; font-weight:100;}
.vision_box.vision {margin-bottom:0px;}
.vision_box.vision:after {display:block; content:""; width:229px; height:87px; background:url(../img/introduce/strategy.gif) no-repeat center top; margin:0 auto;}

.strategy .con > ul {overflow:hidden;}
.strategy .con > ul > li {float:left; width:25%; display:table; box-sizing:border-box; border-left: 1px solid #ccc;}
.strategy .con > ul > li:first-child {border-left:none;}
.strategy .con > ul > li > p {display:table-cell; text-align:center; vertical-align:middle; height:120px; font-size:1.2em; line-height:130%; font-weight:300;}

.business .con {border:none;}
.business .con > ul {overflow:hidden; margin:-2px;}
.business .con > ul > li {float:left; width:25%; box-sizing:border-box; padding:2px;}
.business .con > ul > li:first-child {border-left:none;}
.business .con .bul01 {padding:30px 15px; border:1px solid #ccc; border-radius:20px; min-height:170px; }

.history_box {position:relative; overflow:hidden; padding:15px 10px 30px 10px; font-size:1.05em;}
.history_box:before {display:block; content:""; width:84px; height:15px; position:absolute; left:50%; margin-left:-42px; top:0px; background:#1f2a66; border-radius:30px;}
.history_box > h4 {position:absolute; left:50%; top:35px; background:#fff; width:210px; line-height:64px; border:1px solid #003876; border-radius:40px; font-size:18px; text-align:center; color:#000; transform:translateX(-50%); z-index:9}
.history_box > ul {position:relative; padding-bottom:30px;}
.history_box > ul:before {display:block; content:""; width:1px; height:100%; position:absolute; left:50%; margin-left:-0.5px; top:0px; background:#dddddd}
.history_box > ul:after {display:block; content:""; width:84px; height:15px; position:absolute; left:50%; margin-left:-42px; bottom:0px; background:#cccccc; border-radius:30px;}
.history_box > ul > li {padding-left:50%; box-sizing:border-box; position:relative; padding-bottom:30px;}
.history_box > ul > li:first-child {padding-top:40px;}
.history_box > ul > li:nth-child(even) {padding-left:0px; padding-right:50%;}
.history_box > ul > li:nth-child(even) > .history_txt {padding-left:0px; padding-right:63px;}
.history_box > ul > li:nth-child(even) > .history_txt > ul > li{padding-left:0px; padding-right:58px; text-align:right;}
.history_box > ul > li:nth-child(even) > .history_txt:before {left:auto; right:-7px;}
.history_box > ul > li:nth-child(even) > .history_txt:after {left:auto; right:-9px}
.history_box > ul > li:nth-child(even) > .history_txt > ul > li .month {left:auto; right:0px;}

.history_box > ul > li:nth-child(even) > .history_txt .year_s:after {left:auto; right:-7px;}



.history_box .history_txt {padding-left:63px; position:relative;}
.history_box .history_txt:before {display:block; content:""; width:8px; height:8px; border-radius:100%; background:#1f2a66; position:absolute; left:-8px; top:8px; margin:3px; z-index:9;}
.history_box .history_txt:after {display:block; content:""; width:8px; height:8px; border-radius:100%; background:#f6f7f9; position:absolute; left:-10px; top:6px; padding:4px; border:1px solid #b1c8ea;}
.history_box .history_txt .year_s {font-size:36px; display:block; font-weight:700; color:#333333; line-height:100%; padding-bottom:15px;}
.history_box .history_txt .year_s:after {display:block; content:""; width:70px; height:1px; background:#d1d2d4; position:absolute; left:-7px; top:13px;}
.history_box .history_txt ul > li { line-height:150%; color:#333; font-weight:300; position:relative; padding-left:45px; min-height:24px; margin-top:10px;}
.history_box .history_txt ul > li:first-child {margin-top:0px;}
.history_box .history_txt ul > li .month {position:absolute; left:0px; top:0px; color:#333; font-weight:500; padding-left:10px; }
.history_box .history_txt ul > li .month:before {display:block; content:""; width:4px; height:4px; background:#b6b6b6; border-radius:100%; position:absolute; left:0px; top:50%; margin-top:-2px;}




.map_wrap {width:100%; height:500px; overflow:hidden; border:1px solid #ccc; box-sizing:border-box;}
.map_wrap iframe {width:100% !important; height:100% !important;}
.map_wrap > div {width:100% !important; height:100% !important;}
.map_wrap > div > div {width:100% !important; height:100% !important;}
.map_wrap .root_daum_roughmap .map_border {display:none !important;}

.map_txt {font-size:0px; border:1px solid #ccc; border-top:none; }
.map_txt > li {position:relative; padding:20px 20px 20px 90px; min-height:60px; box-sizing:border-box; font-size:17px; color:#000; display:inline-block; width:50%;}
.map_txt > li.one {width:100%; border-bottom:1px solid #ccc;}
.map_txt > li .ico {position:absolute; left:20px; top:20px;}
.map_txt > li .ico img {vertical-align:baseline;}
.map_txt > li > strong {display:block; font-size:1.05em;}
.map_txt > li a {color:#000}


.map_info {overflow:hidden;  padding:0px 0px 0px 30px;}

.map_info > dl {padding-left:70px; padding-bottom:30px;}
.map_info > dl dt {font-size:1.15em; padding:5px 0px 5px 0px; line-height:140%; font-weight:500; color:#333333;}
.map_info > .ico01 {background:url(../img/introduce/ico_car.png) no-repeat left top;}
.map_info > .ico02 {background:url(../img/introduce/ico_bus.png) no-repeat left top;}
.map_info > .ico03 {background:url(../img/introduce/ico_metro.png) no-repeat left top;}
.map_info > .bul {padding-top:10px; font-size:0.9em; color:#666666; word-break:keep-all}
.map_info img {vertical-align:middle; }
.bus_ico1 {padding-left:30px; background:url(../img/introduce/bus06.gif) no-repeat left center; display:inline-block; vertical-align:top;}
.bus_ico2 {padding-left:30px; background:url(../img/introduce/bus02.gif) no-repeat left center; display:inline-block; vertical-align:top;}
.map_info .arrow_bg {display:inline-block; vertical-align:top; padding-right:30px; background:url(../img/introduce/arrow.png) no-repeat right 8px;}







.profile_pop .board-view {font-size:1.05em;}
.profile_pop .ss_tit {border:1px solid #003876; border-radius:30px; min-width:130px; box-sizing:border-box; display:inline-block; vertical-align:top; padding:0px; margin:20px 0px 10px 0px; text-align:center; font-size:17px; color:#003876; font-weight:500; line-height:32px;  }
.profile_box {position:relative; min-height:200px; padding-left:160px; }
.profile_box .pic {position:absolute; left:0px; top:0px; width:150px; height:186px; overflow:hidden; border:1px solid #ccc; background:#fff; padding:10px; box-sizing:border-box;}
.profile_box .pic img {max-width:100%; height:auto; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}

.profile_pop .info {overflow:hidden; margin-top:10px; font-size:1.05em;}
.profile_pop .info > li {border:1px solid #ccc; font-weight:100; line-height:140%; padding:15px 15px 15px 75px; min-height:47px; border-top:none; }
.profile_pop .info > li:first-child {border-top:1px solid #ccc;}
.profile_pop .info > li > strong {display:block;}
.profile_pop .info > li:nth-child(1) {background:url(../img/introduce/ico_mail.gif) no-repeat 15px center;}
.profile_pop .info > li:nth-child(2) {background:url(../img/introduce/ico_tel.gif) no-repeat 15px center;}
.profile_pop .info > li:nth-child(3) {background:url(../img/introduce/ico_add.gif) no-repeat 15px center;}
.profile_pop .board-view th {padding:12px 5px 11px 20px;}

.bbb_tit {font-size:1.2em; padding-left:10px; margin-top:20px; position:relative;}
.bbb_tit:before {display:block; content:""; width:5px; height:5px; background:#1f2a66; border-radius:100%; position:absolute; left:0px; top:50%; margin-top:-3px;}
.bbb_con {font-weight:300; line-height:150%; padding:10px;} 




.list_count {overflow:hidden; padding-bottom:10px; padding-left:30px; background:url(../img/common/ico_page.gif) no-repeat left 3px; }
.list_count > p {float:left; }
.list_count .line {display:inline-block; width:1px; height:12px; background:#ccc; margin:0px 10px;}
.list_count .select {float:right; height:34px; line-height:32px;}

.sch_view_wrap .view_tit {border-top:1px solid #cccccc; font-size:1.25em; }
.sch_view_wrap .info:after {clear:both; content:""; display:block; }
.sch_view_wrap .info {border:1px solid #ccc; border-top:none }
.sch_view_wrap .info > li {float:left; width:50%; box-sizing:border-box; padding:20px 10px 20px 75px; position:relative; }
.sch_view_wrap .info > li .txt_t {display:inline-block; padding-right:20px;}
.sch_view_wrap .info > li .ico {display:block; width:22px; height:22px; padding:10px; border:1px solid #ccc; background:#fafafa; border-radius:100%; position:absolute; left:15px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.sch_view_wrap .info > li:nth-child(3) {width:100%; border-top:1px solid #ccc;}
.sch_view_wrap .info > li:nth-child(2) {border-left:1px solid #ccc;}

.sch_check {text-align:center; border:1px solid #ccc; border-top:none; padding:20px; background:#f7f7f7}
.sch_check .txt_t {font-size:1.1em; line-height:140%;}
.sch_check .txt_t > strong {font-size:1.3em; display:inline-block; padding:16px 0px 16px 65px; background:url(../img/community/ico_user.gif) no-repeat left top; line-height:140%; color:#0570c0; margin-bottom:10px;}
.sch_check .btn-tc {border:none; margin-top:0px;}
.sch_check .btnStrong {border-radius:60px; }

.sch_two_table {overflow:hidden; margin:-10px;}
.sch_two_table .cell {float:left; width:50%; box-sizing:border-box; padding:10px;}

.membership_search {background:#fafafa; margin-bottom:30px; position:relative; padding:20px 20px 20px 250px;}
.membership_search > h3 {position:absolute; background:#0f7bc6; left:0px; top:0px; width:200px; height:100%; display:table}
.membership_search > h3 > span {display:table-cell; text-align:center; font-size:1.4em; vertical-align:middle; color:#fff; height:100%; font-weight:400; line-height:130%;}
.membership_search > h3:after {display:block; content:""; width:18px; height:18px; transform:rotate(45deg); -webkit-transform:rotate(45deg); position:absolute; right:0px; top:50%; margin:-9px -2px 0px 0px; background:#0f7bc6}
.membership_search .radio_group {display:inline-block; padding-right:30px;}
.membership_search .input_group {display:inline-block; width:100%; max-width:320px; position:relative; padding-right:105px;}
.membership_search .input_group .btn_search { background:#757a85; display:inline-block; zoom:1; color:#fff; border:1px solid #757a85; padding:0px; font-size:14px; width:100px; height:40px; line-height:38px; text-align:center; cursor:pointer; margin-left:15px; position:absolute; right:0px; top:0px;}
.membership_search .input_group .input {width:100%; color:#656565; line-height:38px; height:40px; vertical-align:middle;}

.contest_view {position:relative;padding: 30px; box-sizing: border-box; border:1px solid #ccc; border-top:0.375em solid #1f2a66; display: flex; flex-wrap: wrap}
.contest_view .pic_w {width: 225px; margin-right: 30px;}
.contest_view .pic_w.mr0 {margin-left: 20px;}
.contest_view .pic_w.mr0 .pic {height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #1f2a66; font-weight: 700; font-size: 1.1em; line-height: 1.3em;}
.contest_view .pic_w.mr0 .pic img {width: auto !important; margin-bottom: 0.7em; height: auto !important;}


.contest_view .pic {border:1px solid #4069c6}
.contest_view .pic img {width:100% !important; height:auto !important;}
.contest_view .pic.no-img {padding-bottom: calc(290 / 190 * 100%); background: url(../img/common/logo.png) no-repeat center center #eff1f6; background-size:70% auto;}

.contest_view .info {flex: 1;}
.contest_view .board-view {border-top:1px solid #000; min-height: 100%; box-sizing: border-box}
.contest_view .board-view td {padding: 0.5em 1em; font-weight: 500;}
.contest_view .board-view th {padding:0.5em; text-align: center; font-weight:500;}


.contest_view.no_pic {padding-left:0px !important; min-height:auto;}
.contest_view.no_pic .info {border:none;}
.contest_view.no_pic .board-view th {height:30px;}



.board_content {padding:30px 0px 40px 0px; background:url(../img/common/line_bg.gif) repeat-x left bottom; margin-bottom:30px; word-break:break-all;}

.com_info {position:relative; border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5; padding:0px 0px 0px 200px; margin-top:-1px;}
.com_info > dt {position:absolute; left:20px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); line-height:22px;}
.com_info > dt .ico {display:inline-block; vertical-align:top; margin-top:2px;}
.com_info > dd {min-height:25px;  border-left:1px solid #e5e5e5; padding:10px 10px 10px 40px;}

.pr_movie_wrap {padding-bottom:56%; position:relative; }
.pr_movie_wrap iframe {position:absolute; left:0px; top:0px; width:100% !important; height:100% !important;}

.guide_box {background:#144085; padding:30px 10px 30px 25%; color:#fff; position:relative; overflow:hidden; font-size:1.05em;}
.guide_box:after {display:block; content:""; width:36px; height:36px; background:#00c1ff; position:absolute; left:40px; top:20px; border-radius:100%; opacity:0.8  }
.guide_box:before {display:block; content:""; width:36px; height:36px; background:#009acb; position:absolute; left:20px; top:30px; border-radius:100%; opacity:0.5 }
.guide_box > h3 {position:absolute; left:0px; top:0px; width:25%; display:table; height:100%; font-size:1.7em;}
.guide_box > h3 > span {display:table-cell; vertical-align:middle; height:100%; text-align:center; line-height:140%;}
.guide_box > ul { box-sizing:border-box; padding:10px 0px 10px 4%; width:75%; float:left; border-left:1px solid #375c97}
.guide_box > ul > li {padding-left:14px; position:relative; line-height:140%; margin:3px 0px; font-size:1em; min-height:20px; font-weight:100;}
.guide_box > ul > li:after {display:block; content:""; width:4px; height:4px; border-radius:100%; position:absolute; left:0px; top:8px; background:#fff}



.guide_name {padding:30px 20px 30px 170px; background:url(../img/guide/01_ico04.png) no-repeat 30px center #f1f2f6;}

.data_table {overflow:hidden;}
.data_table > li {float:left; width:50%; box-sizing:border-box; display:table; border-bottom:1px solid #ccc;}
.data_table > li .txt_t {display:table-cell; width:120px; height:100%; background:#f4f5f8; box-sizing:border-box; padding:10px 10px 10px 15px}
.data_table > li .cell {display:table-cell; box-sizing:border-box; padding:10px 10px 10px 15px}
.data_table > li.one {width:100%; float:none;}

.guide_list:after {display:block; content:""; clear:both;}
.guide_list {margin:20px -3px 0px 1px;}
.guide_list > li {float:left; width:50%; box-sizing:border-box; border:1px solid #ccc; margin:-1px 0px 0px -1px; padding:10px;}
.guide_list > li > a {display:block; position:relative; padding-left:150px; min-height:172px;}
.guide_list > li > a {display:block; position:relative; padding-left:150px; min-height:172px;}
.guide_list > li > a .pic {position:absolute; left:0px; top:0px; width:130px; height:172px; border:1px solid #ccc; overflow:hidden; box-sizing:border-box;}
.guide_list > li > a .pic img {width:100% !important; height:auto !important; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
.guide_list > li > a .txt_t {display:inline-block; vertical-align:top; font-size:22px; line-height:140%; color:#000000; }
.guide_list > li > a .txt_t:after {display:block; content:""; width:47px; height:1px; background:#0f7bc6; margin:15px 0px;}
.guide_list > li > a .type {display:inline-block; content:""; min-width:62px; box-sizing:border-box; padding:0px 5px; line-height:26px; vertical-align:top; margin-top:3px; background:#0f7bc6; text-align:center; border-radius:30px; vertical-align:middle; color:#fff; font-size:0.95em;}
.guide_list > li > a .type2 {background:#91c034;}
.guide_list > li > a .txt1 {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.guide_list > li > a .txt2 {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; padding-top:20px;}

.bul_list {position:relative; padding-left:75px !important; text-indent:0px !important; margin-top:10px;}
.bul_list .txt_t {display:block; position:absolute; left:0px; top:0px; text-align:center; border-radius:60px; line-height:26px; color:#fff; background:#0f7bc6; color:#fff; font-size:15px; padding:0px 5px; min-width:62px; box-sizing:border-box; }
.tab_area {font-size:1.1em;}
.tab_area .bul_num > li {margin-top:15px;}
.tab_area .bul_num > li:first-child {margin-top:0px;}
.tab_area table.board-list {font-size:0.9em;}

.arrow_wrap {display:inline-block; padding-left:50px; background:url(../img/guide/arrow2.png) no-repeat left 6px; margin-left:10px;}

.b_check_box {border:1px solid #ccc; background:#f4f5f8; padding:20px;}
.b_check_box .board-write {border:none; max-width:580px; margin:0 auto;}
.b_check_box .board-write th {border:none; font-size:1.15em !important; font-weight:300;}
.b_check_box .board-write td {border:none;}

.ptb_wrap {border:1px solid #ccc; background:#f6f6f6; padding:15px 15px 15px 20px; margin-top:50px;}
.ptb_wrap .name {padding-left:40px; background:url(../img/info/user.png) no-repeat left top;}
.ptb_wrap .name img {vertical-align:middle;}

.ptb_wrap02 {border:1px solid #ccc; background:#f6f6f6; padding:15px 15px 15px 15px; margin-top:10px;}

.info_video {padding-bottom:56%; position:relative;}
.info_video video {position:absolute; width:100% !important; height:100% !important; position:absolute; left:0px; top:0px;}

.find_employee{width:100%; text-align:right; margin-bottom:40px;}
#find_employee_type{font-size:14px; color:#242424; height:40px; padding:5px 35px 5px 8px; border:1px solid #CCC;}
#find_employee_keyword{; border:1px solid #1f2a66; height:40px; font-size:14px; padding:0 12px; vertical-align:middle; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0;}
#find_employee_sub{background:#1f2a66; color:white; padding:0 24px; border:none; margin-right:10px; height:40px; font-size:14px; vertical-align:middle; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0;}

.more_box_wrap {padding-top:30px}
.more_box_wrap .more_box {border:1px solid #ccc; padding:30px; position:relative; margin-top:-1px;}
.more_box_wrap .more_box .b_txt {font-size:22px; padding-top:0px;}
.more_box_wrap .more_box .hide_con_wrap {padding-bottom:20px; position:relative; cursor:pointer}
.more_box_wrap .more_box .hide_con_wrap .detail {position:absolute; left:0px; bottom:-20px; text-align:center; width:100%;}
.more_box_wrap .more_box .hide_con_wrap .detail button {display:inline-block; font-weight:100; outline:none; color:#666666; padding-right:30px; background:url(../img/common/arrow_b.png) no-repeat right center;}
.more_box_wrap .more_box .hide_con_wrap .detail button.on {background:url(../img/common/arrow_t.png) no-repeat right center;}


.more_box_wrap .hc_dep1 {padding-left:10px;}
.more_box_wrap .hc_dep2 {padding-left:20px;}
.more_box_wrap .hc_dep3 {padding-left:30px;}
.more_box_wrap .high_t {font-weight:500;}


.go_bt {background:#0c91dd; display:inline-block; border-radius:30px; color:#fff; padding:7px 15px; }
.go_bt > span {display:block; color:#fff; line-height:110%; padding-right:15px; background:url(../img/common/bt_arrow2.png) no-repeat right center;}

.point_box {padding:20px; background:#f3f4f8}
.bul_list_box {padding:20px; background:#f3f4f8; border:1px solid #ccc; border-top:2px solid #1f2a66}

a.link_line {color:#1f2a66 !important;}
.link_line {color:#1f2a66; display:inline-block; vertical-align:middle; border-bottom:1px solid #1f2a66; padding-bottom:3px;}


.logo_list {overflow:hidden; margin:-6px;}
.logo_list > li {float:left; width:25%; box-sizing:border-box; padding:6px;}
.logo_list > li > a .pic {display:block; border:1px solid #e0e0e0;}
.logo_list > li > .txt_t {display:block; text-align:center; min-height:50px; padding-top:10px; font-size:1.1em;}


.sitemap_page .gnb > ul {overflow:hidden;}
.sitemap_page .gnb > ul > li {width:16.66666%; padding:2px; box-sizing:border-box; text-align:center; float:left; position:relative;}
.sitemap_page .gnb > ul > li.gnb06{display:block !important;}
.sitemap_page .gnb > ul > li > a {display:block; color:#fff; background:#1f2a66; padding:20px 0px; font-size:1.15em;}


.sitemap_page .sub_menu  {padding:10px 0px; display:block !important}
.sitemap_page .sub_menu > li {padding:5px 3px 5px 3px; letter-spacing:-0.5px;}
.sitemap_page .sub_menu > li > a {display:block; font-size:16px; text-align:center; font-weight:500; color:#333333; padding:3px 0px; line-height:20px;}
.sitemap_page .sub_menu > li > a:hover {color:#1f2a66;}
.sitemap_page .three_depth {display:block; padding:0.5em 0px; font-size:0.95em; font-weight:400;}


.sitemap_page .sub_menu > li:has(.three_depth) > a:after {display:none; content: "-"; line-height: 1em; font-family: dotum; padding-left: 10px; font-size: 20px; font-weight: 100;}




.txt_type1 {overflow:hidden}
.txt_type1 > li {float:left; width:50%; box-sizing:border-box; position:relative; padding-left:13px; margin-top:30px; font-size:1.1em;}
.txt_type1 > li:after {display:block; content:""; width:4px; height:4px; border-radius:100%; position:absolute; left:0px; top:8px; background:#2e71b5}
.txt_type1 > li > ul {padding-top:5px;}
.txt_type1 > li > ul > li {font-size:0.9em;}
.txt_type1 > li > ul > li > strong {color:#1f2a66;}

.box_type1 {border:1px solid #ccc; padding:10px; margin-top:30px;}
.box_type1 > ul {overflow:hidden; position:relative;}
.box_type1 > ul:after {display:block; content:""; width:1px; height:20px; background:#ccc; position:absolute; left:50%; top:50%; margin-top:-10px;}
.box_type1 > ul > li {float:left; width:50%; text-align:center; box-sizing:border-box; padding:10px;}
.box_type1 > ul > li img {vertical-align:middle; padding-right:5px;}
.box_type1 > ul > li > strong {color:#1f2a66;}

.bg_line {display:block; width:100%; height:10px; margin-top:40px; background:url(../img/common/line_bg.gif) repeat-x left bottom}






.faq_list {border-top:1px solid #e2e2e2; margin-top:-1px;}
.faq_list > li {border-bottom:1px solid #e2e2e2}
.faq_list > li .title {padding:26px 40px 27px 75px; background:url(../img/common/arrow.gif) no-repeat right center;line-height:140%; color:#323232; position:relative; color:#666666; cursor:pointer;}
.faq_list > li .title.on {background:url(../img/common/arrow2.gif) no-repeat right center; color:#000000;}
.faq_list > li .title .q {position:absolute; width:36px; height:36px; line-height:33px; border-radius:100%; border:1px solid #cccccc; left:20px; top:50%; margin-top:-18px; color:#666666; text-align:center; font-weight:700; font-size:24px;}
.faq_list > li .title.on .q {color:#0c91dd; border-color:#0c91dd; }
.faq_list > li .answer_wrap {padding:19px 19px 19px 19px; display:none; background:#f2f2f2; border:1px solid #cccccc; margin-bottom:-1px; }
.faq_list > li .answer {min-height:22px; padding:8px 0px 8px 55px; line-height:140%; color:#333333; word-break:keep-all; word-wrap:break-word; position:relative; font-size:15px; font-weight:500;}
.faq_list > li .answer .a {position:absolute; width:36px; height:36px; line-height:33px; border-radius:100%; border:1px solid #0c91dd; left:0px; top:0px; color:#0c91dd; text-align:center; font-weight:700; font-size:24px;}

.check_txt {font-size:18px; color:#494949}

.event_wrap {overflow:hidden; margin:-15px;}
.event_wrap > li {float:left; text-align:center; width:25%; box-sizing:border-box; padding:15px;}
.event_wrap > li .img {display:block;}
.event_wrap > li .txt_t {display:block; text-align:center; font-size:1.35em; color:#00357e; line-height:140%; padding:20px 0px 15px 0px;}
.event_wrap > li .txt_t:after {display:block; content:""; width:40px; height:2px; background:#0c91dd; margin:0 auto; margin-top:15px;}





#add_date {position:relative; padding-right:115px; }
#add_date .bt {position:absolute; right:0px; top:0px;}

.tooltip {color:#ff751a; border:1px solid #ff751a; border-radius:6px; text-align:center; line-height:38px; width:38px; height:40px; box-sizing:border-box; font-size:1.5em; vertical-align:middle;}
.br_box {border:1px solid #dce1eb; padding:20px 20px 20px 20px;}
.t_box {background:#757a85; color:#fff; padding:5px 5%; display:inline-block;}
td .br_box {padding:5px;}
td .gray_box {padding:5px;}


.radio_group_row > li {padding-top:8px;}
.radio_group_row > li:first-child {padding-top:0px;}
.radio_group_row > li.disabled {opacity:0.4;}

.radio_group {font-size:0px; padding:5px 0px 0px 0px; margin:-5px 0px 0px -15px;}
.radio_group > li {display:inline-block; font-size:15px; padding:5px 0px 0px 15px;}
.radio_group .input {width:auto !important;}
.input_etc {position:relative; padding-left:62px; box-sizing:border-box;}
.input_etc .pa {position:absolute; left:0px; top:0px; font-size:14px; line-height:40px;}

.btn-tc {text-align:center; padding:30px 0px; border-top:2px solid #333333; margin-top:30px;}
.btn-tc > a {margin:0px 10px;}
.btn-tl {text-align:left; padding:30px 0px; border-top:2px solid #333333; margin-top:30px;}
.btn-tr {text-align:right; padding:30px 0px; border-top:2px solid #333333; margin-top:30px;}

.important {padding-right:15px; position:relative; display:inline-block;}
.important:after {display:inline-block; content:"*"; vertical-align:middle; font-size:20px; color:#1862ad; position:absolute; right:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);line-height:100%;}
.important2 {padding-left:15px; position:relative; display:inline-block; }
.important2:after {display:block; content:"*"; color:#1862ad; position:absolute; left:0px; top:50%; font-size:20px; line-height:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}


/*atab*/
.atab {overflow-x:auto; display:flex; align-items:center; justify-content:center; margin-bottom:40px; padding-top:10px;}

.atab li {padding:2px; max-width:10.6em; flex:1}
.atab li a {display:flex; align-items:center; justify-content:center; height:3em; line-height:1.3em; padding:0px 0.2em; border:1px solid #cccccc; border-radius:4px; color:#999999; font-weight:600; text-align:center;}
.atab li.on a {color:#1f2a66; border-color:#1f2a66 }
/*.atab li.on a:after {display:block; content:""; width:20px; height:20px; background:#fff; position:absolute; left:50%; bottom:-22px; transform:rotate(45deg) translateX(-50%);}*/
.atab.two li {width:50%;}
.atab.three li {width:33.33%;}
.atab.five li {width:20%;}

.atab.five li a {word-break:break-all}
.atab.four li {width:25%; flex:inherit}
.atab.two_row {justify-content:flex-start}
.atab.two_row > li {max-width:none;}
.atab.two_row li a {padding:0px 0.5em; min-width:max-content;}




.btab {letter-spacing: -1px; justify-content: center; display:flex; flex-wrap:wrap; margin-bottom:40px; }

.btab li {font-size:17px; padding:0.5em 0.7em; box-sizing:border-box; position:relative;}
.btab li:not(:first-child):before {display:block; content:""; width:1px; height:0.8em; background:#ccc; position:absolute; left:0px; top:50%; transform:translateY(-50%)}
.btab li a {}
.btab li a > span {color:#999999; padding:0.3em; font-weight:400;}

.btab li.on a > span {font-weight:500; color:#1f2a66; }


.of_hi .fl50 {float:left; width:48%;}
.of_hi .fr50 {float:right; width:48%;}
.graybox { background:#cccccc; padding:10px;}
.no_flash { display:none;}

/* 레이어팝 */
#black {display:none; background-color:#000; display:none; height:100%; left:0; opacity:0.6; filter:alpha(opacity=60); position:fixed; top:0; width:100%; z-index:9999;}
.layerPop {-webkit-overflow-scrolling:touch; overflow-y:auto; width:100%; position:fixed; left:0; right:0; top:0; bottom:0; z-index:99999; background:url(../img/common/png_70.png) repeat left top;/*background:#d7d7d7;*/ zoom:1;}

.layerPop_inner {width:100%; height:100%; padding:15px; display:table; position:relative; margin:0 auto; box-sizing:border-box;}
.pop_wrap {display:table-cell; vertical-align:middle; position:relative;}
.pop_wrap .pop_body {padding:15px 20px; font-size:15px; background:#fff; word-break:keep-all;}
.pop_wrap .pop_body .btns {padding-top:20px;}
.pop_wrap .popup_scroll {max-height:700px; overflow-y:auto;}
.pop_wrap .pop_wrap_in {width:100%; margin:0 auto;}
.pop_wrap .x_btn {position:absolute; right:25px; top:50%; margin-top:-13px; display:inline-block; width:26px; height:26px; cursor:pointer; background:none}
.pop_wrap .pop_head {background:#1f2a66; position:relative;}
.pop_wrap .pop_head .title {font-size:30px; line-height:150%;  color:#fff; padding:15px 50px 20px 25px; text-align:left; font-weight:500;}
.pop_wrap .pop_head .title.tc {padding-left:50px;}
.pop_wrap .pop_head .s_txt {font-size:14px; line-height:14px;  color:#646464; text-align:center; padding:0px 0px 30px 0px;}
.pop_wrap .x_btn2 {position:absolute; right:0px; bottom:0px; }
.pop_wrap .x_btn3 {position:absolute; right:0px; bottom:-42px; }
.pop_body .btn-tc {padding:30px 0px 0px 0px; margin-top:25px;}
.pop_body .btn-tc > a {margin:0px 10px;}
.pol_sc {width:100%; height:310px; overflow-x:hidden; overflow-y:auto;}



/* 팝업 */

.main_layer_pop {position:absolute; left:5%;  top:100px; z-index:9999}
.main_pop_bottom {background:#fff; font-weight:300; color:#000; padding:10px; position:relative; font-size:14px; box-sizing:border-box; border:1px solid #ccc;}
.main_pop_bottom .close {position:absolute; right:10px; top:10px; padding-right:30px; background:url(../img/popup/pop_close.gif) no-repeat right center; }
.main_layer_pop_inner {width:100%; height:100%; display:table; position:relative; margin:0 auto; box-sizing:border-box;}
.main_layer_pop_inner .cell {display:table-cell; vertical-align:middle; position:relative;}
.main_layer_pop .bx-wrapper .bx-controls-direction a {margin-top:-22px; width:44px; height:44px;}
.main_layer_pop .bx-wrapper .bx-prev {left:0px; background:url(../img/main/pop_l.png) no-repeat 0 0;}
.main_layer_pop .bx-wrapper .bx-next {right:0px; background:url(../img/main/pop_r.png) no-repeat 0 0;}
.main_layer_pop .pop_wrap_in {margin:0 auto;}
.main_layer_pop .pop_wrap_in{max-height:500px; overflow-y:auto;}



.layers_wrap {background:#FFF; position:relative; min-width:300px;  font-weight:300;}
.layers_wrap .layers_tit {width:100%; padding:15px 0px; line-height:150%; background:#004497;  text-align:center; font-size:1.8em; color:#fff; position:relative;}
.layers_wrap .layers_tit .logo {padding-left:25px; padding-top:20px;}
.layers_wrap  .close_pop { position:absolute; right:25px; top:17px;}
.layers_wrap .layers {padding:20px; font-size:14px; position:relative; /*min-height:100px; max-height:760px; overflow-x:hidden; overflow-y:auto; -webkit-print-color-adjust:exact;*/}

.layers_wrap .close {height:30px; border-top:none; text-align:right; background:#e2e2e2; line-height:30px;}
.layers_wrap .close a { display:inline-block; zoom:1; *display:inline; font-family:Noto Sans; color:#2d2d2d; padding-right:20px; background:url(http://pic.neungyule.com/newnetimes/img/btn/pop_close_s.gif) no-repeat right center; margin-right:10px;}
.layers_wrap .pop_tit {padding-left:5px; border-bottom:1px solid #afafaf; min-height:41px; padding-bottom:3px; font-family:Noto Sans; color:#444444; font-size:22px; line-height:41px;}
.layers_wrap .pop_tit.ico_check2 { font-size:13px; min-height:20px; padding:10px 10px 10px 50px; background:url(../img/common/ico_check2.gif) no-repeat 10px 10px #f9f9f9; line-height:150%; border-bottom:none;}
.layers_wrap .pop_tit_no {min-height:38px; font-family:Noto Sans; color:#444444; font-size:22px; line-height:38px;}





.certify {text-align:center; padding-top:50px;}
.certify:before {display:block; content:url(../img/member/certify.png);}
.certify dt {font-size:22px; line-height:140%; padding-bottom:10px;}

.mentor_box {font-size:15px; font-weight:300;}
.all_check {text-align:center; padding:15px 5px; margin:30px 0px; background:#f5f5f5}


.print_wrap #header {display:none !important}
.print_wrap .sub_visual {display:none !important}
.print_wrap #lnb_wrap {display:none !important}
.print_wrap .title_bar {display:none !important}
.print_wrap .page_tab {display:none !important}
.print_wrap #footerW {display:none !important}
.print_wrap .print_bt {display:none !important}
.print_wrap .p_none {display:none !important}
#wrap.print_wrap {padding:0px !important}

.ico_notice {display:inline-block; vertical-align:middle; padding:4px 10px; background:#ed2129; line-height:20px; color:#fff; }

.date_picker_two {overflow:hidden; position:relative}
.date_picker_two .date_picker {float:left; width:47%;}
.date_picker {position:relative; padding-right:40px; box-sizing:border-box;}
.date_picker .input {width:100%;}
.date_picker img {position:absolute; right:0px; top:50%; margin-top:-15px; width:30px; height:30px;}
.date_picker.two_col .input {width:100%;}
.date_picker_two .col-sm-2  {float:left; width:47%;}
.date_picker_two .pa {left:50%; top:0%; line-height:30px; text-align:center; width:10px; margin:0px 0px 0px -5px;}


.bt_include {position:relative; padding-right:100px; box-sizing:border-box;}
.bt_include .add_bt {position:absolute; right:0px; top:0px;}
.bt_include select {width:100%; max-width:100%;}
.bt_include2 {padding-right:65px; margin:0 auto;}

.check_boxW {background:#fff; border:1px solid #dadada; padding:15px 10px;}



.board-write .input {min-height:40px; line-height:40px; width:100%;}
.down_file {display:inline-block; vertical-align:middle; color:#0c91dd; margin-left:10px;}
.down_file > span {display:block; padding-left:23px; background:url(../img/common/ico_doc.png)no-repeat left center;}
.down_file:first-child {margin-left:0px;}
.view_tit {padding:25px 10px; background:#f3f4f8; border:1px solid #cccccc; border-top:2px solid #1f2a66; font-size:1.15em; font-weight:500; }
.view_tit .v_tit {font-size:1.33em; font-weight:600; line-height:130%; word-break:break-all;}
.view_tit .v_tit .ico {display:inline-block; background:#005cb9; margin-top:5px; color:#fff; font-size:1rem; padding:0px 5px; min-width:46px; vertical-align:top; margin-right:4px; text-align:center; height:24px; line-height:23px;}
.view_tit .v_tit .ico.end {background:#333333; }
.view_tit .v_tit .ico.start {background:#ed6d00; border-color:#ed6d00 }
.view_tit .v_tit .type {display:flex; width:4.5em; height:2.2em; margin:0 auto; margin-bottom:0.3em; border-radius:4px; background:#1f2a66; align-items:center; justify-content:center; color:#fff; font-size:0.75em; line-height:1.3em;}
.view_tit .v_list {padding-top:0px;}
.view_tit .v_list > li {display:inline-block; color:#000; vertical-align:top; font-weight:100; font-size:1.05em; padding:5px 10px; position:relative;}
.view_tit .v_list > li:before {display:block; content:""; width:1px; height:14px; background:#666; position:absolute; left:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%)}
.view_tit .v_list > li:first-child:before {display:none;}

.click_count {text-align:right; padding:10px 0px; font-size:1.05em; color:#666666}
.view_photo {padding:20px 0px 0px 0px; text-align:center;}


.td_btns {font-size:0px; text-align:center; padding:0px 5px; max-width:260px; margin:0 auto;}
.td_btns > li {display:inline-block; min-width:50%; box-sizing:border-box; padding:2px;}
.td_btns > li > a {display:block; min-width:100%}
.td_btns > li > .btnNormal span {padding:10px 5px; min-height:16px; height:auto; line-height:16px; white-space:normal;}



.dl_table > dl {padding:20px 0px 0px 0px;}
.dl_table > dl > dt {font-size:18px; color:#000000; line-height:150%; padding-bottom:5px;}
.dl_table > dl > dd .input {line-height:46px; height:46px; padding-left:10px; border:1px solid #cccccc}
.dl_table > dl > dd .select_ds select {line-height:46px; height:46px; border:1px solid #cccccc}
.dl_table > dl .pa_minus {line-height:46px;}
.dl_table > dl .btnNormalS span {height:46px; line-height:46px; overflow:hidden;}

.member_ok {font-size:1.5em; text-align:center; line-height:140%; padding:30px 0px 190px 0px; background:url(../img/member/complete.png) no-repeat center bottom; }

.btnNormal.m_block span {min-width:60px;}


.find_type {font-size:20px; color:#333333; line-height:140%; padding:20px 0px 10px 0px; margin-top:10px; }
.find_type > button {display:block; font-size:20px; color:#333333; line-height:140%; padding-left:25px; font-weight:500; background:url(../img/common/radio.png) no-repeat left 7px; outline:none; text-align:left;}
.find_type.on > button {background-position:left -69px;}


.find_box .btn-tc {margin-top:0px; border:none;}

.find_cell {box-sizing:border-box; position:relative;}
.find_cell:after {clear:both; content:""; display:block;}
.find_cell .cell {float:left; width:50%; box-sizing:border-box;}
.find_cell .cell select {width:100%}
.find_cell .bt {position:absolute; right:0px; top:0px;}
.find_ok {text-align:center; padding:170px 0px 20px 0px; font-size:18px; line-height:150%; background:url(../img/member/ico_mail.gif) no-repeat center top; }
.find_pop {font-size:15px; line-height:150%; padding-bottom:40px !important; position:relative;}
.bb_tit {font-size:1.5em; line-height:150%; color:#000000; font-weight:500; padding:40px 0px 15px 0px;}





.list_tab {width:100%; margin-bottom:30px; font-size:0px; border-bottom:1px solid #000000; border-top:1px solid #000000; line-height:0px; box-sizing:border-box; }
.list_tab li {/*width:167px;*/ width:20%; min-width:130px; display:inline-block; zoom:1; *display:inline; text-align:center; min-height:50px; line-height:50px; letter-spacing:-1px; font-size:14px; box-sizing:border-box; border-top:3px solid #fff;}

.list_tab li span {display:block; background:url(../img/common/gnb_line.gif) no-repeat left center;}
.list_tab li:first-child span {display:block; background:none;}
.list_tab li span a {display:block;  font-size:13px; color:#000; }
.list_tab li:hover {border-top:3px solid #37589b; min-height:50px; line-height:50px; color:#37589b;}
.list_tab li:hover a {color:#37589b; }
.list_tab li.on {border-top:3px solid #37589b; min-height:50px; line-height:50px; color:#37589b;}
.list_tab li.on a {color:#37589b;}
.list_tab li.line {background:url(../img/common/list_tab_line.gif) no-repeat right center;}

.scrollbox1 {background:#f1f1f1; height:100px; overflow-x:hidden; overflow-y:auto; padding:12px;}





.ico_notice {display:inline-block; vertical-align:middle; padding:4px 10px; background:#ed2129; line-height:20px; color:#fff; }

.leave {padding:170px 0px 0px 0px; margin-top:40px; background:url(../img/mypage/ico_leave.gif) no-repeat center top;} 
.gray_box {border:1px solid #e9e9e9; padding:28px 20px; background:#fafafa}
.gray_box.gray_box_s {padding:10px;}
.et_profile {overflow:hidden; margin-left:-3px;}
.et_profile > li {float:left; margin-left:3px;}
.et_profile > li select {min-width:140px;}
.et_profile > li.bt {float:right;}
.bt_ib > li {display:inline-block; padding-top:5px;}



.txt_pa > li {position:relative; padding-left:60px; font-weight:300; color:#000; line-height:140%;  margin-bottom:10px; font-size:1.05em;}
.txt_pa > li > strong {position:absolute; left:0px; top:0px; color:#666666}

.error_wrap {text-align:center;}
.error_wrap .error_msg {font-size:36px; color:#333333; line-height:150%; font-weight:700; padding:50px 0px 30px 0px; background:url(../img/common/tit_line.gif) no-repeat center bottom; margin-bottom:30px;}
.error_wrap .error_msg2 {font-size:16px; color:#333333; line-height:150%; }
.error_wrap .error_msg2 .mail {display:inline-block; padding-left:20px; color:#ed1b23; background:url(../img/common/ico_mail.gif) no-repeat left center; margin-left:3px;}



.date_picker_two {overflow:hidden; position:relative}
.date_picker_two .date_picker {float:left; width:47%;}
.date_picker {position:relative; padding-right:40px; box-sizing:border-box;}
.date_picker .input {width:100%;}
.date_picker img {position:absolute; right:0px; top:50%; margin-top:-15px; width:30px; height:30px;}
.date_picker.two_col .input {width:100%;}
.date_picker_two .col-sm-2  {float:left; width:47%;}
.date_picker_two .pa {left:50%; top:0%; line-height:30px; text-align:center; width:10px; margin:0px 0px 0px -5px;}


.bt_include {position:relative; padding-right:100px; box-sizing:border-box;}
.bt_include .add_bt {position:absolute; right:0px; top:0px;}
.bt_include select {width:100%; max-width:100%;}
.bt_include2 {padding-right:65px; margin:0 auto;}


/* 검색 */
.search_result .search_tit {padding:15px 20px; background:#f8fafb; margin-top:30px; color:#333; position:relative;}
.search_result .search_tit .s_tit {margin:0px; padding-bottom:0px; display:inline-block; vertical-align:middle;}
.search_result .search_tit .ib {padding-left:5px; font-weight:400; vertical-align:middle;}
.search_result .box {padding:20px 0px 0px 55px; position:relative;}
.search_result .more {position:absolute; right:10px; top:20px;}
/*.search_result .more > a {border:1px solid #039cf7; color:#333; display:block; border-radius:60px; padding:0px 10px; min-width:70px; text-align:center; font-size:15px; line-height:26px;}*/
.search_result .txt_t {font-size:1.1em; font-weight:500; color:#333333; padding-bottom:5px;}

.search_list > li {padding-left:15px; position:relative; margin-top:5px;}
.search_list > li:first-child {margin-top:0px;}
.search_list > li:before {display:block; content:""; width:4px; height:4px; border:2px solid #039cf7; position:absolute; left:0px; top:10px; border-radius:100%; }
.search_list > li img {vertical-align:middle;}

.search_result .faq_list {border:none;}
.search_result .faq_list > li {border:none; margin-top:5px; position:relative;}
.search_result .faq_list > li:before {display:block; content:""; width:4px; height:4px; border:2px solid #039cf7; position:absolute; left:0px; top:10px; border-radius:100%; }
.search_result .faq_list > li:first-child {margin-top:0px;}
.search_result .faq_list > li .title {padding:2px 50px 2px 15px; font-weight:300; color:#333; position:relative;}
.search_result .faq_list > li .title .q {display:none;;}
.search_result .faq_list > li .answer_wrap {padding:8px 19px 8px 19px;}

.view_sns {box-sizing:border-box; text-align:right; font-size:0px;}
.view_sns li {display:inline-block; vertical-align:top; padding:0px 3px; box-sizing:border-box;}
.view_sns li a {display:block;}
.view_sns li a img {max-width:100%;}






/* 달력 */
.sch_topW {box-sizing:border-box; text-align:center; background:#f2f2f2; padding:0px 30px;}
.sch_topW .in_box {display:block; box-sizing:border-box; min-width:246px; position:relative; padding:15px 30px;}
.sch_topW .in_box .prev {position:absolute; left:0; top:50%; margin-top:-12px; }
.sch_topW .in_box .prev img {max-width:100%;}
.sch_topW .in_box .next {position:absolute; right:0; top:50%; margin-top:-12px;}
.sch_topW .in_box .next img {max-width:100%;}
.sch_topW .in_box .date {box-sizing:border-box; font-size:26px; line-height:150%; color:#333333;font-weight:700;}


.event_tbW {box-sizing:border-box; padding:20px 0px 20px 0px;}
.ev_tb {width:100%; box-sizing:border-box; table-layout:fixed}
.ev_tb thead tr th {padding:5px 5px; text-align:center; font-size:14px; color:#333; font-weight:500; background:#f8f8f8; border-top:1px solid #dadada;}
.ev_tb thead tr th.sun {color:#d43134;}
.ev_tb thead tr th.sat {color:#458acf;}
.ev_tb tbody tr td {padding:5px 6px; vertical-align:top; height:120px; border:1px solid #e6e6e6; font-size:14px; line-height:22px; color:#000;}
.ev_tb tbody tr td.sun {color:#d43134;}

.ev_tb tbody tr td.sat {color:#1e71c6;}
.ev_tb tbody tr td.today .date{background:url(../img/common/d_arrow.png) no-repeat right top;}
.ev_tb tbody tr td.event .date {color:#fff; background:#107ac4}
.ev_tb tbody tr td .date {display:inline-block; width:23px; height:23px; line-height:22px; text-align:center; border-radius:100%; overflow:hidden; vertical-align:middle;}

.ev_tb tbody tr td .eve_txt a {display:block; line-height:18px; font-size:1.05em; color:#fff; padding:7px 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left;}
.ev_tb tbody tr td .eve_txt a .txt_t {display:block; line-height:18px; color:#0c91dd; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ev_tb tbody tr td .eve_txt a .txt {display:block; line-height:18px; font-weight:300; color:#666666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.kwum .ev_tb tbody tr td .eve_txt a {white-space:inherit; text-overflow:inherit; word-break:break-all }
.ev_tb tbody tr td .eve_txt a.on {text-overflow:inherit; white-space:inherit; text-align:left;}
.ev_tb tbody tr td .eve_txt.color0 a {color:#000; padding:0px; padding-top:5px;  font-weight:normal;}
.ev_tb tbody tr td .eve_txt.color0 a {color:#000;}
.ev_tb tbody tr td .eve_txt.color1 a {background:#a22d44}
.ev_tb tbody tr td .eve_txt.color2 a {background:#8b73b9}
.ev_tb tbody tr td .eve_txt.color3 a {background:#40ae5f}
.ev_tb tbody tr td .eve_txt.color4 a {background:#9b733e}
.eve_txt a {display:block; box-sizing:border-box; color:#000; overflow:hidden; }

.good_bt {text-align:right; padding:20px 0px;}
.good_bt button {display:inline-block; color:#000; font-size:15px; line-height:20px; padding:8px 0px 8px 43px; background:url(../img/common/good_off.png) no-repeat left top; font-weight:300; outline:none;}
.good_bt button > span {color:#333;}
.good_bt button.on {background:url(../img/common/good_on.png) no-repeat left top;}
.good_bt button.on > span {color:#0c91dd;}

/* 200408 추가 */
.tank {overflow:hidden;}
.tank li {float:left; width:33.333%; padding:5px; box-sizing:border-box; }

.policy_list {border-top:1px solid #e2e2e2; margin-top:-1px;}
.policy_list > li {border-bottom:1px solid #e2e2e2}
.policy_list > li .title {display:table-cell; width:1%; height:58px; padding:15px 40px 15px 26px; vertical-align:middle; line-height:1.4; background:url(../img/common/arrow.gif) no-repeat right center; position:relative; color:#222; cursor:pointer; font-size:1.15em;}
.policy_list > li .title > span{padding-left:10px;}
.policy_list > li .title > span > img{width:50px; vertical-align:middle; padding:0px 3px; }
.policy_list > li .title.on {background:url(../img/common/arrow2.gif) no-repeat right center; color:#000000;}
.policy_list > li .answer_wrap {padding:19px 19px 19px 19px; display:none; background:#fff; border:1px solid #cccccc; margin-bottom:-1px; }
.policy_list > li .answer {min-height:22px; padding:8px 0px 8px 0px; line-height:160%; color:#333333; word-break:keep-all; word-wrap:break-word; position:relative;}

.ci_img_wrap {display:flex; flex-wrap:wrap; justify-content:center; margin:-7px;}
.ci_img_wrap > li {width:33.333%; box-sizing:border-box; padding:7px;}
.ci_img_wrap > li .txt {padding-top:1em; color:#666; text-align:center;}
.ci_img_wrap .border {border:1px solid #ccc;}
.ci_img_wrap.five {margin:-15px -1px; justify-content:flex-start;}
.ci_img_wrap.five > li {width:20%; padding:15px 1px;}

.ci_img_wrap.four {margin:-15px -10px; }
.ci_img_wrap.four > li {width:25%; padding:15px 10px;}

.ci_img_wrap > li.one {width:100%}


.research_wrap {display: flex; justify-content: space-between}
.research_wrap .left {width: 285px; min-width:285px; padding-right: 30px;}
.research_wrap .right {flex: 1; max-width: 1025px; overflow: hidden;}

.research_lnb dt {display: flex; justify-content: center; align-items:center; height: 150px; color: #fff; font-size:1.5em; font-weight: 600; line-height: 1.3em; background: url(../img/common/left_tit_bg.jpg) no-repeat left top/cover}
.research_lnb dd {border:1px solid #e3e1e1; border-top:none; }
.research_lnb dd > a {display: flex; align-items: center; justify-content: space-between; padding:0px 2em; color: #333333; background: #eff1f6; min-height: 70px; font-weight:500;}
.research_lnb dd > a:after {display: flex; content: "→"; font-weight: 100; font-size:20px; text-indent:-3px; color:#cccccc; width: 26px; height: 26px; border-radius:100%; background: #fff; overflow: hidden; align-items: center; justify-content: flex-start}
.research_lnb dd.on {border-color: #1f2a66; color: #fff; font-weight:700;}
.research_lnb dd.on > a {background: #1f2a66; color: #fff; font-weight:700;}
.research_lnb dd.on > a:after {color:#1f2a66; }

.research_tab {display: flex;}
.research_tab > li {flex: 1; padding:0.4em;}
.research_tab > li > a {font-family: 'GoyangDeogyang', sans-serif; font-size:1.05em; display: flex; align-items:center; justify-content: center; height:6em; box-sizing: border-box; border:1px solid #e5e5e5; border-radius:6px; color: #333333; background: #fff; font-weight:400;}
.research_tab > li.on > a {border-color:#fa2352; color:#fa2352; box-shadow: 1px 2px 9px rgba(0, 0, 0, 10%);}
.research_tab > li > a .ico {min-width: 42px; margin-right: 5px;}
/* .research_tab > li.disable > a .ico img {-webkit-filter: invert(80%) sepia(98%) saturate(1%) hue-rotate(303deg) brightness(160%) contrast(83%); filter: invert(80%) sepia(98%) saturate(1%) hue-rotate(303deg) brightness(160%) contrast(83%);} */

.research_select {padding:1em; background:#f1f7fc; margin:1em 0px 2em 0px;}
.research_select .input, .research_select .select {height: 50px; width: 100%; box-sizing: border-box; font-size:14px; font-weight:400; }
.flex-search {display: flex; align-items: center; position: relative;}
.flex-search .input {width: 100%; flex: 1;}
.flex-search .btn_search {width:40px; height: 100%; position: absolute; right: 0px; top: 0px; background: url(../img/common/search2.svg) no-repeat center center; background-size:20px auto;border: none; outline: none; cursor: pointer; text-indent: -999999em}

.flex {display: flex; align-items: center;}
.flex > div, .flex .input, .flex .select {flex: 1;}
.flex-w {flex-wrap: wrap}

.report_list {border-top:1px solid #000; padding-top: 20px; }
.report_list .list {}
.report_list .list > li {padding:30px 0px; border-bottom:1px solid #e5e5e5}
.report_list .list .box {display: flex; align-items:center;}
.report_list .list .img {width:165px; min-width:165px;}
.report_list .list .img .pic {position: relative; border: 1px solid #000; overflow: hidden; padding-bottom: calc(254 / 165 * 100%);}
.report_list .list .img .pic > img {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; :}
.report_list .list .img .no-img {background: url(../img/common/logo.png) no-repeat center center #eff1f6; background-size:70% auto; }
.report_list .list .info {overflow: hidden; flex: 1; box-sizing: border-box; padding-left: 30px; display: flex; justify-content:space-between}
.report_list .list .info .eye {display:none;}
.report_list .list .type {font-size:14px; display: flex; height: 2.2em; width: 6.6em; font-weight:400; justify-content: center; align-items: center; color: #fff; border-radius:30px; background: #1f2a66; padding: 0px 5px; box-sizing: border-box; margin-bottom:0.7em; }
.report_list .list .txt_a {font-weight: 800; color: #000; font-size: 1.5em; line-height: 1.3em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; margin-bottom: 1em}
.report_list .list .txt_d {display:inline-block; margin-bottom: 0.4em; align-items: center; color: #666666; font-weight: 400;}
.report_list .list .txt_d.name {display:block;}
.report_list .list .txt_d.cate {color:#fa2352; font-weight:600; padding-right:1em; margin-right:1em; position:relative;}
.report_list .list .txt_d.cate:after {width:1px; height:12px; display:block; content:""; background:#333; position:absolute; right:0px; top:50%; margin-top:-6px;}

.report_list .list .txt_d .ico {min-width:30px;}
.report_list .list .con {overflow:hidden; display: block}
.report_list .list .info .bottom {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: auto; align-items: center;}
.report_list .list .info .bottom .down {display: flex; height:3.5em; width:11em; font-weight:600; justify-content: space-between; padding: 0px 1em 0px 1.5em; align-items: center; color: #333; border-radius:4px; box-sizing: border-box; border:1px solid #ccc; font-size: 14px;}
.report_list .list .info .bottom .down:after {display: block; content: ""; width: 19px; height: 25px; background: url(../img/common/bt_down2.png) no-repeat left top/cover;}
.eye {font-size:14px; min-height: 16px; color: #666666; font-weight: 600; padding-left:20px; min-width: max-content; background: url(../img/common/eye.png) no-repeat left center;}
.down_c {font-size:14px; min-height: 16px; color: #666666; font-weight: 600; padding-left:20px; min-width: max-content; background: url(../img/common/ico_doc.png) no-repeat left center;}
.eye_down {display: flex; align-items: center; margin: 0px -1em; justify-content: flex-end}
.eye_down > li {padding: 0px 1em; position: relative}
.eye_down > li:not(:first-child):before {content: ""; width: 1px; height:14px; background: #666; position: absolute; left: 0px; top: 50%; transform: translateY(-50%);}

.research_wrap .navi {border:1px solid #ccc;}
.research_wrap .navi > ul {display: flex; align-items: center; min-height: 70px; box-sizing: border-box; padding:1em; font-weight: 600; flex-wrap: wrap;}
.research_wrap .navi > ul > li {color: #666666; font-size: 14px;}
.research_wrap .navi > ul > li:not(:first-child):before {content: "▶"; font-size:10px; padding: 0px 8px;}
.view_tit.view_tit2 {background:none; border:none; font-size: 1.1em; line-height: 1.4em; padding:2em 0px;}
.view_tit.view_tit2 .v_tit {font-weight: 800;}

.report_view {background:#f1f7fc; padding:50px;}
.report_view .box {display: flex; align-items:center;}
.report_view .img {width:190px; min-width:190px; box-shadow:2px 2px 9px rgba(0, 0, 0, 10%);}
.report_view .img .pic {position: relative; border: 1px solid #000; overflow: hidden; padding-bottom: calc(292 / 190 * 100%);}
.report_view .img .pic > img {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; :}
.report_view .img .no-img {background: url(../img/common/logo.png) no-repeat center center #eff1f6; background-size:70% auto; }
.report_view .info {overflow: hidden; flex: 1; box-sizing: border-box; padding-left: 40px; display: flex; justify-content:space-between}

.report_view .type {font-size:14px; display: flex; height: 2.2em; width: 6.6em; font-weight:400; justify-content: center; align-items: center; color: #fff; border-radius:30px; background: #1f2a66; padding: 0px 5px; box-sizing: border-box; margin-bottom:0.7em; }
.report_view .txt_a {font-weight: 800; color: #000; font-size: 1.5em; line-height: 1.3em; margin-bottom: 1em}
.report_view .txt_b {}
.report_view .txt_b > li {align-items:center; display:flex; margin-top:4px;}
.report_view .txt_b .subj {display:flex; min-width:7em; width:7em; background:#fff; font-size:14px; min-height:2.5em; font-weight:600; align-items:center; justify-content:center;}
.report_view .txt_b .subs {flex:1; padding-left:1em; font-weight:400;}

.report_view .con {flex:1; overflow:hidden; display: block}
.report_view .info .bottom {min-width:154px; padding-left:1em; display: flex; flex-direction: column; padding-top:4em }
.report_view .info .bottom .down {margin-top:auto; display: flex; height:3.5em; width:11em; font-weight:600; justify-content: space-between; padding: 0px 1em 0px 1.5em; align-items: center; color: #333; background:#fff; border-radius:4px; box-sizing: border-box; border:1px solid #ccc; font-size: 14px;}
.report_view .info .bottom .down:after {display: block; content: ""; width: 19px; height: 25px; background: url(../img/common/bt_down2.png) no-repeat left top/cover;}


.another_report_tit {box-shadow: 2px 2px 9px rgba(0, 0, 0, 10%); display: flex; min-height: 3em; padding: 10px; justify-content: center; align-items: center; background: #fff; color: #1f2a66; font-size: 1.1em; line-height: 1.3em; border:1px solid #1f2a66; font-weight:400; margin:1.2em 0px;}
.another_report_tit > strong {font-weight: 700;}
.another_report_tit img {margin-right:0.4em;}
.another_report {position: relative; margin:0px -20px;}
.another_report .visual_counter {margin-top:1.5em; justify-content: center; gap:10px;}
.another_report .v_bt {}
.another_report .prev {left:0px;}
.another_report .next {right:0px;}
.another_report .slide {}
.another_report .box {padding:0px 20px; box-sizing: border-box;}
.another_report .box .pic {box-shadow:2px 2px 9px rgba(0, 0, 0, 10%); display: block; position: relative; border: 1px solid #000; overflow: hidden; padding-bottom: calc(290 / 190 * 100%);}
.another_report .box .pic > img {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.another_report .box .txt_a {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 1.05em; line-height: 1.4em; height: 2.8em; font-weight: 600; color: #000; margin:0.8em 0px;}
.another_report .box .name {display: flex; align-items: center; color: #666666; font-weight:400;}
.another_report .box .name img {margin-right: 5px;}
.another_report .box .bt_down {display:block;margin-top:1em}
.another_report .box .bt_down > a {display: flex; height:3.5em; width:100%; font-weight:600; justify-content: space-between; padding: 0px 1em 0px 1.5em; align-items: center; color: #333; background:#fff; border-radius:4px; box-sizing: border-box; border:1px solid #ccc; font-size: 14px;}
.another_report .box .bt_down > a:after {display: block; content: ""; width: 19px; height: 25px; background: url(../img/common/bt_down2.png) no-repeat left top/cover;}




.rule_box .tit {padding: 1.5em 0px 0.5em 0px; display: flex; align-items: center; font-size: 1.125em; font-weight: 600; color: #000;}
.rule_box .tit > span {display: flex; min-width: 4.3em; padding: 0px 5px; box-sizing: border-box; min-height: 2.1em; color: #fff; justify-content: center; align-items: center; border-radius:4px; background: #1f2a66; font-size: 0.88em; margin-right: 0.5em;}
.rule_box .bul_num > li > ul {padding-left: 0px;}


.symbol_wrap {display:flex; flex-wrap:wrap; justify-content: space-between; margin:-20px -22px;}
.symbol_wrap > div {box-sizing:border-box; padding:20px 22px;}
.symbol_wrap .ci_wrap {width:66%}
.symbol_wrap .info {flex:1; align-self: flex-end; max-width:400px;}

.symbol_wrap .info .bt {padding-top:10px;}
.symbol_wrap .info .bt > a {display:flex; height:5em; color:#fff; justify-content:center; align-items:center; padding:0px 30px; font-weight:500; background:#1f2a66; border-radius:4px; font-size:1.125em;}
.symbol_wrap .info .bt > a img {margin-left:10px;}
.symbol_wrap .ci_bg {height:386px;}
.ci_bg {border:1px solid #f0f0f0; background:url(../img/introduce/ci_bg.gif) repeat left top; display:flex; justify-content:center; align-items:center; width:100%;}

.logo_type {padding:20px 0px; display:flex; flex-wrap:wrap; justify-content: center; margin:-20px -22px;}
.logo_type > li {padding:20px 22px;}
.logo_type .ci_bg {padding:10px;}

.color_system {margin:-10px; display:flex; flex-wrap:wrap;}
.color_system .color_box {width:50%; box-sizing:border-box; padding:10px;}
.color_system .color_box h4 {font-size:1.125em; padding-bottom:10px; font-weight:700; line-height:1.3em; margin-top:10px;}
.color_system .color_box ul {display:flex;margin:-10px; justify-content:space-between;}
.color_system .color_box ul > li {flex:1; box-sizing:border-box; padding:10px;}

.color_system .color_box ul > li .box {height:140px; color:#fff; padding:25px; box-sizing:border-box; font-weight:600; line-height:1.4em; font-size:1.125em;}
.color_system .color_box .info {padding-top:1.2em;}
.color_system .color_box .info > p {margin-top:0.4em;}

.management_dv{max-width:1200px; width:100%; font-size:18px; margin:0 auto; border:10px solid #f0f0f0; border-radius:30px; padding:80px; box-sizing:border-box;}
.management_dv .management_tit{text-align:center; }
.management_dv .management_tit .mana_tit{display:block; font-size:1.2em; font-weight:400; line-height:110%; margin-bottom:40px;}
.management_dv .management_tit .mana_btit{display:inline-block; font-size:2.6em; line-height:130%; position:relative; font-weight:400;}
.management_dv .management_tit .mana_btit:before {display: block; content: ""; width: 64px; height:123px; position: absolute; left: -30%; top:5px; background:url(../img/info/management_ring.png) no-repeat left top;}
.management_dv .management_tit .mana_btit:after {display: block; content: ""; width: 64px; height:123px; position: absolute; left: auto; right:-30%; top:5px; background:url(../img/info/management_ring02.png) no-repeat left top;}

.management_dv .management_p{background-color:#fafafa; margin:60px 0px; padding:40px 30px; font-size:1.2em; line-height:160%; font-weight:500; text-align:center; border-radius:20px;}

.management_dv .management_ul{margin-bottom:80px;}
.management_dv .management_ul > li{display:flex; align-items: center; margin:10px 0px; line-height:160%; font-weight:500;}
.management_dv .management_ul > li > span{max-width:66px; width:100%; height:66px; display:block; font-family: 'GoyangDeogyang', sans-serif; color:#fff; font-size:1.15em; line-height:66px; font-weight:400; background-color:#0053a7; border-radius:33px; text-align:center; margin-right:20px;}

.management_dv .management_date .management_date_sp{display:block; line-height:110%; font-size:1.2em; margin-bottom:20px;}
.management_dv .management_date .management_date_st{font-size:1.8em; font-weight:400;}

.purpose {display: flex; align-items: flex-end; justify-content: space-between; gap:10px}
.purpose .info {font-weight: 400; font-size: 1.125em; line-height: 1.5em;}
.purpose .info .first {font-size: 2.55em; line-height: 1.5em; font-weight:400; }
.purpose .info .eng {color: #cccccc; letter-spacing: 0.08em; font-size: 2.4em; font-weight:600; line-height: 1.3em; margin-top:2.4em}


.development .first {font-size: 2.55em; margin:1em 0px 0.5em 0px; line-height: 1.5em; font-weight:400; text-align: center;}
.development .info {position: relative; border:1px solid #0f185b; border-radius:180px; height:240px; padding:min(56px, 5.46vw); }
.development .info:before {display: block; content: ""; width: 110%; height:54%; position: absolute; left:50%; bottom:-10px; transform: translateX(-50%); background: #fff;}
.development .pr {border-radius:100px; background: #f8fbfd}
.development .pr > ul {gap:min(160px, 16vw); display: flex; align-items: center; justify-content: center;}
.development .pr > ul > li {width: 50%; display: flex; justify-content: center; align-items: center; height: 186px; font-size: 1.6235em; line-height: 1.4em; font-weight: 500;}
.development .pr > ul > li img {margin-right: 1em;}
.development .pr .ci {position: absolute; left: 50%; top: 0px; transform: translateX(-50%); display: flex; justify-content: center; align-items: center; width:186px; height:100%; border-radius: 100%; background: #f4f9fc}
.development .pr .ci img {width:66%}











/* ------------------------------------------------------------
 * Name      :mobile_layout.css    
 * Desc      :page layout 
 * Created   :
 * Updated   :
 ------------------------------------------------------------ */
.mobile_on .m_gnb .gnb > ul {overflow-y:auto; overflow-x:hidden;}
.m_gnb {position:absolute; left:0px; top:81px; width:100%;}
.m_gnb .gnb > ul {width:100%; background:rgba(18,18,18, .97); position:relative; overflow-x:hidden;}
.m_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.m_gnb .gnb > ul > li > a {display:block; font-size:14px; color:#ffffff; padding:15px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
/*.m_gnb .gnb > ul > li:hover > a {background:#000;}*/

.m_gnb .sub_menu  {width:100%; line-height:20px; background:#4a4a4a; display:none;}
.m_gnb .sub_menu > li > a {display:block; color:#fff; font-size:12px; padding:5px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
.m_gnb .sub_menu > li > a:hover { background:#009091;}
.m_gnb .gnb .alarm { background-size:20px;}
.m_gnb .gnb .name {max-width:200px;}
.mobile_on input, .mobile_on select, .mobile_on textarea {-webkit-appearance:none;}
.mobile_on select {height:31px; padding:0px 2em 0px 8px!important;}
.mobile_on .sel_arrow {position:relative;}

.down_file {display:inline-block; vertical-align:middle; color:#0c91dd; margin-right:10px;}
.down_file > span {display:block; padding-left:23px; background:url(../img/common/ico_doc.png)no-repeat left center; }
.down_file:last-child {margin-left:0px;}

.link {color:#005cb9; display:inline-block; padding-left:23px; background:url(../img/common/ico_link2.png) no-repeat left 5px;}
a.link {color:#005cb9;}



/* 980px 이상 */
@media screen and (min-width:980px) {
	

    
}
/* 1024 이상 */
@media screen and (min-width:1024px) {
    

}

/* 1200px 이상 */
@media screen and (min-width:1199px) {
	.m_gnb {display:none !important;}
     
}

/* 1220px 이하 */
@media screen and (max-width:1219px) {
    #wrap {padding-top:74px;}
    #header {border-bottom:1px solid #ccc; background: #fff}
	#header h1 img {height: 60px;}
    #header.down .in_header {margin-top:0px;}
    .in_header {height:74px; padding-top:0px;}

	.top_btns > li:first-child {display:none;}
	.top_btns {right:60px;}
	.top_btns > li a {text-indent: -999999em; display: flex; width: 46px; height: 46px; background: #1f2a66; justify-content: center; align-items: center; border-radius: 15px;}
	.top_btns > li a img {-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
	.top_btns > li:not(:first-child):before {display:none;}
  
    #header .search_box {display:none;}
    .w_gnb {display:none;}
    .m_gnb_on {display:block;}
    #inner_wrap {padding:0px 10px 70px 10px;}
    #inner_wrap.no_visual {padding-top:70px;}

    .w_gnb .gnb > ul > li > a > span {font-size:18px;}
    
   
	      
    
    #footer_navi > ul {justify-content: center; text-align:center;}
	#footer .addressW .sns_wrap {position:relative;  padding-bottom:1em; justify-content: center; right:auto; top:auto;}
    #footer .jum_menu {position:relative; right:auto; top:auto; margin:20px auto; max-width:400px;}
    #footer .jum_menu > li {min-width:auto; width:50%;}
    #footer .addressW {padding-left:0px; padding-bottom:0px; padding-top:0px; background:none; text-align:center;}
    #footer .addressW .copy {padding-bottom:20px;}
    #footerW .familySite {position:relative; left:auto; bottom:auto; display:inline-block; vertical-align:middle;}

    
}
/* 980px 이하 */
@media screen and (max-width:979px) {
	
	.name_search > p {max-width:100% !important; padding-left:2%} 
   

    .w_gnb {display:none;}
	#gnb_bar {display:none !important;}
    
    .main_visual {height:auto;}

    #section1 .two_block {float:none; width:100%;}
    .main_block .m_block {float:none; width:100%;}
    
    .main_block .publication > ul > li {height:auto;}
    .main_quick > ul > li {width:25%;}
    


    
   
	.sub_visual .sub_txt {padding-bottom:70px; height: 280px;}
    .sub_visual .sub_txt > h2 {margin-right:0px; padding-top:10px; padding-right:0px; border-right:none;}
  

    
    .title_bar {margin-top:30px}
    .title_bar:before {display:none;}
  

    
    .report_top .report_wrap {padding-left:10px;}
    .report_top .report_wrap .pic {position:relative; left:auto; top:auto; max-width:190px; width:100%; max-height:254px; height:auto; margin:0 auto;}
    .report_top .report_wrap .txt_t {padding:15px 0px;}
    .report_top .report_wrap .detail {text-align:center;}
    .report_top2 .report_wrap .txt_t {padding-bottom:0px; margin-bottom:10px;}
    
    
    .introduce {padding-left:0px; padding-top:0px;}
    .introduce .pic {position:relative; left:auto; top:auto;}
    .introduce .pic img {display:none;}
    .introduce .ib br {display:none;}
    .introduce .txt_bb {padding-top:50px; margin-left:0px;}
	
	.introduce02 {line-height:140%; font-size:1.0em; padding-top:0px; position:relative; font-weight:350;}
	.introduce02 {padding-left:0px; padding-top:0px;}
    .introduce02 .pic {position:relative; top:auto; text-align:center; width:300px; margin:0 auto;}
    .introduce02 .txt_bb {padding-top:50px; margin-left:0px;}

    
    .director_profile .pic {float:none; width:100%; padding-right:0px;}
    .director_profile .d_profile_wrap {float:none; width:100%; padding-top:30px; padding-left:0px;}
 
    .director_list {margin:0px;}
    .director_list > .director {float:none; width:100%; margin:-1px 0px 0px 0px;}

    .vision_box {padding-left:0px;}
    .vision_box > h4 {position:relative; left:auto; top:auto; width:100%; line-height:140%; padding:20px 0px; height:auto;}
    
	.txt_type1 > li {float:none; width:100%; margin-top:10px;}

	.find_employee {text-align:center;}
	#find_employee_type { width:25%;}
	.find_employee input#find_employee_keyword {width:50%;}
	.find_employee input#find_employee_sub {width:20%; margin-right:0;}

	.s_tit_a > span{font-size:13px; line-height:140%;}
	.s_tit_a > .ban_ver{vertical-align:top; margin-top:10px; display:block; }
	.s_tit_a > .ban_ver > img{height:45px;}
    
	.research_wrap {display: block}
	.research_wrap .left {display:none;}
    
	.contest_view .pic_w.mr0 {display:none;}

	.atab{justify-content: flex-start;}
	.atab li {max-width:none;}

	.report_list .list .info {flex-wrap:wrap;}
	.report_list .list .info .bottom {width:100%; margin-top:1em}

	.report_view .info {flex-wrap:wrap}
	.report_view .con {width:100%; flex: none;}
	.report_view .info .bottom {width:100%; padding-left:0px; padding-top:1em; flex-direction: inherit; justify-content: space-between;}

	.management_dv{font-size:16px; padding:40px;}
	
	.purpose {flex-wrap: wrap;}
	.purpose .info {width: 100%}

	.development .info {height:25vw;}
	.development .pr > ul > li {font-size:2.65vw; height:18.97959vw}
	.development .pr > ul > li img {width: 7.34vw}
	.development .pr .ci {width:18.97959vw }
	
}

/* 768 이하 */
@media screen and (max-width:767px) {
    .main_visual .v_frame {height:400px;}
    .main_visual .v_txt {max-width:100%}

    .main_visual .bx-controls {bottom:10px;}
    
    .main_baord .m_tit a {font-size:16px;}
    
    .m_tit {font-size:22px;}


    
    
    #footerW {padding-top:30px; padding-bottom:20px;}
    #footer .addressW {padding:10px; padding-top:0px; text-align:center}
	#footerW .familySite p.on {line-height: 40px; font-size: 14px;}
    
    #footer .addressW .copy {padding-top:10px;}
	#footer .go_top {top:-60px;}
    #footer .go_top > a {padding:15px;}
    #footer .jum_menu > li .select {font-size:13px;}
    #footer_navi {padding-bottom:0px;}
    #footer_navi > ul {text-align:center; padding:15px 0px;}
    #footer_navi > ul li {padding:0px 13px;}
    #footer_navi > ul li a {font-size:13px;}
    #footer .addressW {font-size:13px;}

    #lnb_wrap {padding:0px; margin:0px; height:auto; }

	#lnb_wrap .lnb .lnbs {max-width:none;}
	#lnb_wrap .lnbs1 {display:block;}
	#lnb_wrap .lnb .lnbs2 {display:block;}
	#lnb_wrap .lnbs3 {display:none;}
	#lnb_wrap .ico_home {display:block;}

	#lnb_wrap .ico_home a {width:60px;}

/*
	.lnb_tit:after {display:block; content:""; position:absolute; right:20px; top:50%; transform:translateY(-50%); width:0; height:0;border-top:7px solid #333; border-left:5px solid transparent; border-right:5px solid transparent; transition:all 0.2s 0s ease-in-out;}
	.lnb_tit.on:after {transform:rotate(-180deg); margin-top:-5px}
*/
    
	.sub_con {font-size:15px;}
    .btab li {font-size:15px; }
	
    .title_bar {margin-bottom:35px; padding:25px 0px 20px 0px;}
	.title_bar h2 {font-size:2.2em;}
    .title_bar .s_txt {font-size:1.15em; padding-top:20px;}

	.b_txt {font-size:17px; padding:30px 0px 15px 0px}
	.sub_title {font-size:14px;}
	.of_hi .fl50 {float:none; width:100%;}
	.of_hi .fr50 {float:none; width:100%; margin-top:15px;}
    

    
    .ico_note {padding-left:20px; background-size:15px auto; }
   
    
    
    
    .faq_list > li .title {padding:20px 40px 21px 64px;}
    .faq_list > li .title .q {position:absolute; width:32px; height:32px; line-height:29px; left:15px; margin-top:-16px; font-size:20px;}
    .faq_list > li .answer_wrap {padding:16px 14px 16px 14px; }
    .faq_list > li .answer {min-height:22px; padding:6px 0px 6px 50px;}
    .faq_list > li .answer .a {position:absolute; width:32px; height:32px; line-height:29px;}
    .b_table.long > dl {padding-left:0px;}
    .b_table.long {padding-top:10px;}

    .b_table.long > dl > dt {position:relative; padding-bottom:0px;}
    /*atab*/


    .atab li.on a:after {width:16px; height:16px; bottom:-18px;}
    .btab li a > span {font-size:14px; height:60px;}

    .btn-tc > a {margin:0px;}
    

 	
    
    

    .mentoring_view .time > li {width:33.33%;}
    
    .event_wrap > li {width:50%; min-height:400px;}
    
    .map_wrap {height:440px;}
    .map_txt > ul > li {float:none; width:100%; font-size:15px; border-bottom:1px solid #ccc}
    .map_txt > ul > li:last-child {border-bottom:none;}
    
	
	.contest_view .pic_w {width: 100%; margin-right: 0px; margin-bottom:30px;}
    .contest_view .pic {width:100%; height:auto; max-width:190px; position:relative; margin:0 auto; }
    .contest_view .pic img { position:relative; left:auto; top:auto; transform:none; -webkit-transform:none}
    .contest_view .board-view th {height:20px;}
    .contest_view .info {border-left:none; border-top:1px solid #d9d9d9}
    
    
    .step_gudie {margin:1px 0px 0px 0px;}
    .step_gudie > li {float:none; width:100%; margin:-1px 0px 0px 0px;}
    .step_gudie > li:before {left:50%; top:0px; margin:-19px 0px 0px -19px; transform:rotate(90deg); -webkit-transform:rotate(90deg);}
    .step_gudie > li > ul > li {float:left; width:50%;}
    .step_gudie > li > ul > li > .box {padding:10px;}
    .step_gudie > li > ul > li:first-child {border:none; border-right:1px solid #ccc } 
    .step_gudie > li .box {min-height:90px;}
    
    .box_info {padding:30px;}
    .box_info .ico {display:none;}
    
    .mailing_write > ul {padding-left:0px; background-position:center top; padding-top:150px; background-size:130px auto; }
    
    .info_box_wrap > dl {padding-left:0px; background:none;}
  
    .more_box_wrap .more_box {padding:20px;}
    .more_box_wrap .more_box .hide_con_wrap .detail {bottom:-10px;}
    .more_box_wrap .more_box .b_txt {font-size:20px;}
    
    .introduce .first .ib {padding-top:0px;}
    .introduce .first {padding-bottom:20px;}
    
    .history_box:before {left:0px; margin-left:0px;}
    .history_box > h4 {width:calc(100% - 10px); width:-webkit-calc(100% - 10px); box-sizing:border-box;}
    .history_box > ul:before {left:8px;}
    .history_box > ul:after {left:0px; margin-left:0px;}
    .history_box > ul > li {padding-left:10px !important; padding-right:0% !important; min-height:auto; padding-bottom:30px;}
    .history_box > ul > li:nth-child(even) > .history_txt:after {left:-10px; }
    .history_box > ul > li:nth-child(even) > .history_txt:before {left:-8px; }    
    .history_box > ul > li > .history_txt {padding-top:0px; padding-left:35px !important; padding-right:0px !important; }
    .history_box .history_txt .year_s:after {width:42px; right:auto !important; left:-7px !important;}
    .history_box .history_txt .year_s {font-size:30px; text-align:left !important; padding-right:0px !important;}
    .history_box .history_txt ul > li {padding-left:58px !important; padding-right:0px !important; text-align:left !important;}
    .history_box .history_txt ul > li .month {left:0px !important; right:auto !important;}
    
    .logo_list > li {width:33.333%;}

    .sitemap_page .gnb > ul > li {width:33.33%; min-height:330px;}
    .sitemap_page .gnb > ul > li > a {padding:15px 0px;}

	.box_type1 > ul > li {padding:0px;}
    .box_type1 > ul > li > strong {display:block;}

	.main_layer_pop {-webkit-overflow-scrolling:touch; position:fixed; overflow-y:auto; width:100% !important; max-width:100% !important; transform:none !important; -webkit-transform:none !important; left:0 !important; right:0 !important; top:0 !important; bottom:0; z-index:99999; background:url(../img/common/png_70.png) repeat left top; zoom:1;}
    .main_pop_bottom {padding:10px; font-size:14px;}
    .main_pop_bottom .close {right:10px; top:10px;}
	.main_layer_pop .pop_wrap_in {float:none !important;}

    .policy_list > li .title {padding:20px 40px 21px 20px;}
    .policy_list > li .answer_wrap {padding:16px 14px 16px 14px; }
    .policy_list > li .answer {min-height:22px; padding:6px 0px 6px 50px;}
	
	.ci_img_wrap {margin:-15px -5px;}
	.ci_img_wrap > li {padding:15px 5px}
	.ci_img_wrap.five {margin:-15px -5px;}
	.ci_img_wrap.five > li {width:33.3333%; padding:15px 5px}
	
	.search_area .check {min-width:130px;}
	.search_area {padding-left:30px;}
	.search_area {height:65px;}
	.search_area .btn {font-size:1.2em;}
	.searchPop {font-size:16px;}

	.pc_view {display:none}
	.mb_view {display:block}
	
	.flex-w > div {width: 100%; flex: initial;}
	.flex-w > div:not(:first-child) {margin-top: 3px;}
	
	.research_tab {overflow-x:auto;}
	.research_tab > li {min-width: max-content;}
	.research_tab > li > a {padding: 0px 10px;}
	.research_tab > li > a {height: 4em}
	.research_tab > li > a .ico {min-width: calc(50 / 768 * 100vw); width: calc(50 / 768 * 100vw)}
	
	.color_system .color_box {width:100%}
	
	.symbol_wrap .ci_wrap {width:100%}
	.symbol_wrap .info {margin:0 auto;}
	.symbol_wrap .ci_bg {height:calc(386 / 768 * 100vw); }
	.symbol_wrap .ci_bg img {max-width:calc(520 / 768 * 100vw); }

	.report_view {padding:calc(50 / 768 * 100%)}
	.report_view .box {flex-wrap:wrap}
	.report_view .img {margin:0 auto;}
	.report_view .info {flex:none; width:100%; padding:1em 0px 0px 0px;}






}
/* 600 이하 */
@media screen and (max-width:599px) {

    
    
    #footer .jum_menu {padding:0px 60px;}
  
    
    
    .line_tit {font-size:20px;}
    .line_tit:after {height:5px;}
    #footer_navi li {font-size:13px;}
    #footer .addressW {text-align:center; font-size:12px;}
    
    
    .pop_wrap .pop_head .title {font-size:18px; color:#fff; padding:17px 55px 18px 15px !important;}
    .pop_wrap .pop_body {padding:10px;}
   
    .m_th_b {width:125px !important;}
	.m_th {width:105px !important;}
    .m_th_s {width:85px !important;}
    .m_th_ss {width:65px !important;}
    
   
	#w_lnb {display:none;}
	#m_lnb {display:block;}
    
     .login_wrap {padding:15px;}

    
    .signup {padding:10px 0px 5px 0px;}
    .signup li input {height:50px; font-size:14px;}
    .login_wrap .id_save {font-size:14px;}
    .find_idpw a {font-size:14px;}
    .login_wrap .login_bt .btn {line-height:30px; font-size:18px;}
    .join_go > a {line-height:30px; font-size:18px;}    
    .layers_wrap .layers {padding:10px; font-size:0.95em;}
    .error_wrap .error_msg {font-size:26px;}

    .table_line {width:100%; overflow:auto;}


    
    .bt_include {padding:0px 0px 45px 0px;}
    .bt_include2 {padding:0px 0px 35px 0px;}
    .bt_include .add_bt {position:absolute; right:0px; top:auto; left:0px; bottom:0px;}
    .bt_include .add_bt a {display:block;}
    .m_block600 {display:block !important; margin-bottom:3px !important; float:none !important;}
    
    
    
    #add_date {padding-right:0px; padding-bottom:45px;}
    #add_date .bt {left:0px; bottom:0px; top:auto; padding-right:40px;}
    #add_date .bt a {display:block; }
    #add_date .bt .tooltip {right:0px; top:0px; position:absolute;}
    #empty a {display:block;}
    .br_box {padding:15px;}
    

    
    .m_box {padding:20px;}
    .more {right:20px; top:20px;}
    
    .day_day .select_ds {width:50% !important;}
    .day_day .select_ds:nth-child(2) {padding-right:0px !important;}
    .day_day .select_ds:last-child {clear:both; width:100% !important; max-width:100% !important; margin-top:5px;}
    
	.day_time .select_ds {width:100% !important; margin:5px 0px 0px 0px !important;}
    
    .procedure > li {float:none; width:100% !important; padding-top:40px;}
    .procedure > li:first-child {padding-top:0px;}
    .procedure > li:before {background:url(../img/support/arrow_b.png) no-repeat center center; left:50%; margin-left:-34px; top:-14px;  margin-top:0px !important; }
    

    .procedure2:after {width:calc(100% - 0%); width:-webkit-calc(100% - 0%); height:calc(100% - 345px); height:-webkit-calc(100% - 345px); position:absolute; right:0px; top:auto; bottom:50px;}
    .procedure2:before {bottom:20px; width:calc(100%); width:-webkit-calc(100%);}

    .big .ez-radio {width:20px;height:20px; background-size:20px auto}
    .big .ez-hide {width:19px;height:19px;}
    
    .over_layerW {position:relative;}
    .over_layer {overflow:auto;}
    .over_layerW:after {display:block; content:""; width:10px; height:100%; position:absolute; right:0px; top:0px; background:url(../img/common/bg_shadow.png) repeat-y left top}
    .over_layer > div {min-width:600px;}
    .guide_name {padding:20px; background:#f1f2f6;}
    .sss_tit .ib.point_c.fn {display:block; font-size:0.85em;}
    

    .director_list > .director {padding-left:130px;}
    .director_list > .director .pic {width:100px; height:auto;}
    
    .strategy .con > ul > li {float:none; width:100%; border:none; border-top:1px solid #ccc }
    .strategy .con > ul > li:first-child {border-top:none }
    .strategy .con > ul > li > p { height:auto; padding:20px 10px;}
    .strategy .con > ul > li > p br {display:none;}
    
    .business .con > ul > li {width:50%;}
    .business .con .bul01 {min-height:140px;}

	.management_dv{font-size:14px; padding:30px 20px;}
	.mana_br{display:none;}
	.management_dv .management_tit .mana_tit{margin-bottom: 30px;}
	.management_dv .management_tit .mana_btit{font-size:2.1em;}
	.management_dv .management_tit .mana_btit:before{top:-20%;}
	.management_dv .management_tit .mana_btit:after{top:-20%;}

	.management_dv .management_p{margin: 40px 0px 20px 0px; padding:20px 10px;}
	.management_dv .management_ul{margin-bottom: 40px;}
	.management_dv .management_ul > li{flex-wrap: wrap;}
	.management_dv .management_ul > li > span{max-width:50px; height:50px; border-radius:25px; line-height:50px;}
}



/* 480px 이하 */
@media screen and (max-width:479px) {
	.top_btns {right: 50px;}
	.top_btns > li a {width: 36px; height: 36px;}
	.m_gnb_on .menu_btn {width: 36px; height: 36px;}
	.top_btns > li a {width: 36px !important; height: 36px !important;}
    .slide_menu_inner .top_btns > li > a {font-size:13px;}
    #slide_menu_wrap .search_box .input {font-size:14px;}
    #slide_menu_wrap .search_box button {width:70px;  font-size:14px;}
    #wrap {padding-top:60px; transition:all 0.3s 0s ease-in-out;}
    
    #header h1 img {height:38px;}
    .in_header {height:60px;}
    .menu_btn {height:18px; width:24px;}
    .menu_btn .line-middle {top:8px;}
	#section3 .s_txt {font-size:22px;}
    .slide_menu_wrap .gnb > ul > li > a {font-size:16px; padding:10px 10px 10px 5px;}
    .main_visual .v_frame {height:300px;}
    .main_visual .v_txt {font-size:30px;}
    .main_visual .v_txt img {max-width:80%;}
    
    
    .main_visual .v_bt > a {width:30px;}
    .main_visual #proprev1 {right:30px;}
    .main_baord .mbc {padding:15px 10px 10px 10px;}
    
   

    .main_quick > ul {padding-top:0px;}
    .main_quick > ul > li {padding:10px;}
    .main_quick > ul > li > a .txt {font-size:13px; min-height:33px;}
    
    .main_block .publication > ul > li > a .type {font-size:13px;}
    .main_block .publication > ul > li > a .txt_t  {font-size:16px;}
    .main_block .publication > ul > li > a .date {font-size:13px;}
    .main_block .publication > ul.event > li > a .txt_t {line-height:20px; height:40px;}
    .main_block .publication > ul.event > li > a .pic {margin-top:15px;}
    
    .main_block {padding-top:30px;}
    
    .main_report {min-height:40px; padding:10px 20px 10px 50px}
    .main_report .report:before {width:32px; height:32px; background-size:cover; left:-40px;}
    .main_report .report > a {padding:10px 70px 10px 0px;}
    .main_report .report > a .txt_t {font-size:14px;}
    .main_report .report > a .date {font-size:13px;}
    
    .slide_banner #slide_l {display:none;}
    .slide_banner #slide_r {display:none;}
    .slide_banner {padding:15px 10px; }

	

    #footerW {margin-top:30px;}
    #footer .go_top {top: -50px; }
	#footer .go_top > a {padding:10px;}
    #footer .jum_menu {padding:0px 5px;}
    #footer .sns img {width:25px;}
    #footer .addressW address {margin:0px;}
    #footer .addressW address strong {display:block;}
    #footer .addressW address span {padding:2px 5px;}
    #footer_navi > ul li a {font-size:12px;}
    #footer_navi > ul li {margin-left:0px; padding:0px 5px}
    
    #footerW .familySite p.on {width:120px; font-size:13px; line-height:38px;}
    
    #position3 {padding:40px 0px 100px 0px;}
    .pop_wrap .pop_head .title {text-align:left !important; padding:15px 45px 15px 15px;}
    .pop_wrap .pop_head .title br {display:none;}
    .pop_wrap .x_btn {right:15px; }
    
    .web_dis {display:none;}
	.mb_dis {display:block;}
    #add_date .bt .tooltip {height:36px; line-height:34px;}
    
   
    #sub_tit {font-size:28px;}
  
	.sub_visual .sub_txt {height: 210px;}
    .sub_visual .sub_txt .date {font-size:20px;}
    .sub_visual .sub_txt .place {font-size:20px;}
	.location {height: auto; line-height: 1.3em; font-size: 13px;}
	.location img {width:11px;}


    
    #lnb_wrap .lnb {padding:0px;}
	#lnb_wrap .ico_home a {width:50px;}
	#lnb_wrap .ico_home {display:none;}
	.lnb_tit, a.lnb_tit {padding-left:20px; height:50px;font-size:14px;}
	.lnb ul li a {font-size:13px;padding-right:15px; padding-left:20px;}
	.lnb_tit:after {right:10px;}
   
	
    
    .ico_box > li {width:50%;}
    .ico_box > li .ico img {max-width:70px;}
    

    
    .ico_note {padding-left:18px; background-size:13px auto; }

    
    
    
    .join_step > ol > li {font-size:15px;}
    
    .faq_list > li .title {padding:15px 45px 16px 60px; font-size:13px; background-position:104% center !important }
    .faq_list > li .title .q {width:30px; height:30px; line-height:27px; left:10px; margin-top:-15px; font-size:18px;}

    .faq_list > li .answer_wrap {padding:13px 10px 13px 10px; }
    .faq_list > li .answer {min-height:22px; padding:4px 0px 4px 48px; font-size:13px; }
    .faq_list > li .answer .a {width:30px; height:30px; line-height:27px; font-size:18px;}
    
	
	.subject {padding-left:10px;}
	.bbs_search {margin-bottom:10px;}
	.bbs_search_in {padding:0px;}


    .block_m {display:block;}
    .block_m.fl {float:none;}
    .list_btn .block_m {margin:2px 0px;}
	.board-view td.view_td {padding:20px 10px;}
    .list_btnW a {display:block;}

    .s_tit {padding:0px 0px 10px 22px; font-size:22px; background-position:left 5px; background-size:20px auto; margin-top:35px; }
    .s_tit:after {width:12px; height:12px;}
    .s_tit:before {width:12px; height:12px; left:5px;}
    
    
    .sub_con > .s_tit:first-child {margin-top:0px}
	.ss_tit {font-size:18px; margin-top:25px; padding-left:16px}
    .ss_tit:before {width:6px; height:19px; top:4px;}
	.sss_tit {font-size:17px; margin-top:25px; padding-left:16px;}
    .sss_tit:before {width:8px; height:8px; top:9px;}
    .s_txt_r {margin-top:-25px; padding-bottom:5px;}
    .s_txt_r2 {margin-top:-45px;}
    .txt_in {padding-left:22px;}
	#inner_wrap {padding-bottom:30px;}
    #inner_wrap.no_visual {padding-top:30px;}

  
    
    .sub_visual .sub_txt .cell .sub_tit_s {font-size:20px; padding-bottom:20px;}
    .sub_con {font-size:13px; }
    .btab li {font-size:12px; }
    .layerPop {font-size:0.95em; }
    .title_bar {padding:15px 0px 20px 0px; margin-top:10px; margin-bottom:10px;}
	.title_bar h2 {font-size:1.9em; }

    .title_bar .s_txt br {display:none;}
    .title_bar .s_txt2 {font-size:1.25em; padding-top:0px; margin-bottom:15px;}
    .view_tit {padding:10px;}
    .m_th_b {width:105px !important;}
	.m_th {width:85px !important;}
    .m_th_s {width:65px !important;}
    .m_th_ss {width:45px !important;}
    
    .map_wrap {height:300px;}

    .w_name {width:70px;}
    .w_date {width:80px;}
    .m_block {display:block !important; margin-bottom:3px !important; float:none !important;}
    .scrollbox {height:120px; }
    .atab {margin-bottom:20px;}
 
    .b_table > dl {font-size:16px; padding-left:0px;}
    .ul_table > ul > li {font-size:16px;}
    .check_txt {font-size:16px;}
    .radio_group > li {font-size:13px;}
    .b_table {padding-top:10px;}
    .b_table > dl > dt {font-size:16px; padding-top:13px;}
    .b_table > dl > dd {min-height:20px; font-size:13px;}
    .b_table > dl > dt {position:relative; padding-bottom:0px;}
    .input_etc .pa {font-size:13px; line-height:36px;}
    input.input5 {height:36px; padding:0px 5px; line-height:34px; font-size:13px;}
    .textarea {padding:5px 5px; font-size:13px;}
    .b_table .btnNormalB span {padding:0px 18px; height:36px; line-height:34px; font-size:13px;}
    .security_code .code .num {height:34px; line-height:32px; font-size:14px;}
    .file_input label {height:36px;  line-height:34px; font-size:13px;}
    .radio_group {margin-top:-5px;}
    
  
    
    .find_box {padding:0px 0px 10px 0px;}
    .find_cell .bt {overflow:hidden;}
    .find_cell .bt > a {width:50%; float:left;}
    .find_cell .bt > a > span {display:block; padding:0px; margin:0px 2px; }  
    .print_bt {display:none !important}
    .gray_box {padding:5px;}
  
    .join_step > ol > li .num {font-size:14px;}
    .join_step > ol > li .txt {font-size:13px;}
    .join_step > ol > li .txt br {display:none;}
    
    .member_ok {font-size:18px; background-size:120px auto; padding-bottom:140px; }
    .member_ok br {display:none;}
    
    .mentor_box {font-size:13px;}
    
    .mentor_step > li {padding:15px 10px 20px 140px; background-position:10px center !important}
    .mentor_step > li .txt {font-size:13px;}
    
    .main_content {padding:0px 0px 10px 0px;}
    .sch_topW .in_box .date {font-size:23px; }

    .ev_tb tbody tr td {height:40px;}
    .ev_tb tbody tr td .date {margin-left:-2px;}
    .good_bt {padding:10px 0px;}
    .good_bt button {padding:3px 0px 3px 30px; background-size:24px auto !important; font-size:14px; background-position:left center !important}
    .down_file > span {background-size:11px auto; padding-left:16px; }
    
    .event_pop > li {font-size:14px;}
    .event_pop > li .txt_t {font-size:16px; }
    
    .br_box {padding:10px;}
    .check_boxW {padding:10px 10px;}
    .guide_tab > li > a {font-size:12px;}
    
    .tit_ico {height:19px; line-height:18px;}
    
    .patent_cell .tit {padding:15px 5px;}
    .patent_cell .cell {padding:10px 0px;}
    .srl_more {top:20px;}
    .srl_more > span {font-size:13px; line-height:26px; }

    
    .contest_slider > li .txt {font-size:13px;}
    
    
    .board_w > ul {padding:10px 15px;}
    .btn-tc {padding:20px 0px; margin-top:20px;}
    


     .btab li a > span {font-size:13px; height:50px; letter-spacing:-1px;}

    
    .event_wrap > li {width:50%; min-height:350px;}
    .point_box {padding:10px;}

    .guide_name {padding:10px;}

    .data_table > li .txt_t {width:100px;}
    
    .bul_list {padding-left:57px !important}
    .bul_list .txt_t {line-height:20px; font-size:13px; padding:0px 5px; min-width:50px;}
    
    .b_check_box {padding:10px;}
    #inner_wrap .b_check_box .board-write th {font-size:1.05em !important;}
    
    .num_txt > li {padding-left:40px; padding-top:3px; padding-bottom:4px; line-height:20px;}
    .num_txt > li .num {width:30px; height:30px; line-height:28px;}
    
    .step_gudie > li {padding:30px 10px; }
    .step_gudie > li .box {padding-left:60px;}
    .step_gudie > li .box .ico img {width:45px;}
    .step_gudie > li:before {width:30px; height:30px; background-size:cover; margin:-15px 0px 0px -15px}
    
    .box_info {padding:20px;}
    
    .mailing_write {padding:15px;}
    .mailing_write > ul > li {font-size:15px;}
    .mailing_write > ul > li .input {height:45px;}
    .mailing_write > ul > li .txt_t {line-height:45px;}
    
    .report_top .report_wrap .info > li {padding-left:58px; min-height:20px;}
    .report_top .report_wrap .info > li .pa {width:50px; height:20px; line-height:19px;font-size:12px;}
    
    .info_box_wrap {padding:15px;}
    .more_box_wrap .more_box {padding:15px 15px 20px 15px;}
    .more_box_wrap .more_box .b_txt {font-size:18px;}
    
    .introduce .first {font-size:1.5em;}
    .intro_ico > li {position:relative; padding:0px 0px 5px 60px; margin-top:10px; min-height:20px; font-weight:400; color:#000; }
    .intro_ico > li .ico img {width:50px;}
    .introduce .txt_bb {padding-top:20px;}

    .director_profile .pic {padding-left:120px; min-height:auto; background-size:100px auto; }
    .director_profile .pic .first {padding-bottom:20px;}
    .d_profile_wrap .d_profile > h3 {line-height:38px;}
    .d_profile_wrap .d_profile {padding-top:30px;}
    .d_profile_wrap .d_profile > ul {padding-left:20px;}
    .d_profile_wrap .d_profile > h4{padding-left:20px;}
    .director_profile .pic > ul > li {padding-left:55px;    }
    
    .director_list > .director {padding:10px 10px 10px 10px;}
    .director_list > .director .pic {width:auto; position:relative; left:auto; top:auto; max-width:154px; margin:0 auto; text-align:center}
    .director_list > .director > h3 {margin:0 auto; margin-top:10px; line-height:38px;}
    .director_list > .director > ul {padding:10px;}
    .director_list > .director > ul > li {font-size:13px;}
    
    .history_box .history_txt .year_s {font-size:25px;}
    
    .history_box .history_txt ul > li {padding-left:38px !important;}
    .vision_box > h4 {padding:15px 0px;}
    .vision_box > .con .first {font-size:1.5em;}
    .vision_box > .con .first .small {font-size:14px;}
    .vision_box > .con {min-height:auto;}
    .business .con > ul > li {width:100%;}
    .business .con .bul01 {min-height:auto; padding:10px 20px;}
    .strategy .con > ul > li > p {padding:15px 10px;}
    
    .profile_box {padding-left:0px;}
    .profile_box .pic {position:relative; left:auto; top:auto;  margin:0 auto; margin-bottom:10px;}
   
    .bbb_tit {font-size:1.1em;}
    .bbb_con {font-size:0.9em;}
    
    .logo_list > li {width:50%;}
    
    .map_txt > li {padding:20px 10px 20px 43px; font-size:13px;}
    .map_txt > li .ico {left:5px;}
    .map_txt > li .ico img {width:30px}
    
    .map_info {padding-left:0px;}
    .map_info > dl {padding-left:50px; background-size:40px auto !important;}
    .map_info .arrow_bg {background-size:auto 5px !important; padding-right:23px; }
    
    .sitemap_page .gnb > ul > li {width:50%; min-height:330px; padding:2px;}
    .sitemap_page .sub_menu > li > a {font-size:13px;}

	.policy_list > li .title {padding:15px 45px 16px 15px; font-size:15px; background-position:104% center !important }
    .policy_list > li .answer_wrap {padding:13px 10px 13px 10px; }
    .policy_list > li .answer {min-height:22px; padding:4px 0px 4px 0px; font-size:13px; }
    
	.searchPop {font-size:13px; padding:0px 10px;}
	.searchPop .inner {height:140px;}
	.search_area .btn {min-width:90px;}
	.search_area:before {width:calc(100% - 55px);}
	.search_area {height:48px;}
	.search_area .check {min-width:105px;}
	
	.report_list .list > li {padding: 20px 0px;}
	.report_list .list .img {width:90px; min-width: 90px;}
	.report_list .list .info {padding-left: 20px;}
	.report_list .list .txt_a {font-size: 1.3em; margin-bottom:0.6em}
	.report_list .list .txt_d .ico {min-width: 20px; line-height: 0px;}
	.report_list .list .txt_d .ico img {width:16px;}
	.report_list .list .info .bottom .down {width: 9em; height: 3em; font-size: 13px}
	.report_list .list .info .bottom .down:after {width: 13px; height: 17px;}
	.report_list .list .type {font-size:12px;}
	.eye {font-size: 13px;}
	.down_c {font-size: 13px;}
	.list_count {background-size:13px auto; padding-left: 20px;}
	
	.research_wrap .navi > ul {min-height: 50px;}
	.research_wrap .navi > ul > li {font-size: 13px;}
	
	.contest_view {padding: 20px;}
	.another_report .box .name img {width: 16px}
	.another_report {margin:0px -10px;}
	.another_report .box {padding: 0px 10px;}
	.another_report .box .bt_down > a {font-size:12px;}

	.atab li a {font-size:12px;}
	
	.color_system .color_box ul > li .box {padding:10px;height:90px;}
	.color_system .color_box .info {font-size:12px; line-height:1.3em; padding-top:10px;}
	.color_system .color_box ul {flex-wrap:wrap}
	.color_system .color_box ul {margin:-5px;}
	.color_system .color_box ul > li {padding:5px;}


	.symbol_wrap .info .bt > a {height:4em}
	.logo_type img {max-width:60vw}
	.gci img {max-width:60vw}
	.gci+.mb_tit {font-size:20px;}

	.research_select .input, .research_select .select {height:40px; font-size:13px;}
	.report_view .txt_b .subj {font-size:12px;}
	.report_view .info .bottom .down {font-size:12px;}
	
	.purpose .info .first {font-size: 2em}
	.purpose .info .eng {font-size: 1.8em;}
	.development .first  {font-size: 2em}
}




/* 320px 이하 */
@media screen and (max-width:320px) {
    .main_company h3 {font-size:24px; }


    .title_bar .s_txt {padding-left:10px;}
    .bt_application a {padding:0px 18px;}
    .bt_application a span {text-align:center;}

    
    .btns > li {width:100%; float:none; padding:2px 0px;}
    .btn-tc {padding:20px 0px;}
    

    
}