@charset "utf-8";
@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------
 * Name      : web_layout.css    
 * Desc      : page layout 
 * Created   : 
 * Updated   : 
 ------------------------------------------------------------ */
body.fixe {overflow:hidden; width: 100%; height:100%;}
.m_gnb .sub_menu {display:none !important;}
.web_dis {display:block;}
.mb_dis {display:none;}
img {max-width:100%;}
.main_wrap {font-size:15px}
.wid100 {width: 100% !important; padding-bottom: 0px !important; max-width: 100% !important; box-sizing: border-box;}




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

.inner {max-width:1700px; margin:0 auto;}
.inner:after { clear: both; content: ""; display: block;}

.bg_wrap {background: #f2f2f2}

/* header */
#header {width:100%; position:fixed; left:0px; top:0px; z-index:9999; border-bottom: 1px solid #dedede; box-sizing: border-box; background:#fff; transition: all 0.3s 0s ease-in-out;}
.in_header {width:100%; max-width:1700px; height:79px; box-sizing: border-box; margin:0 auto; position:relative; z-index:10}
#header h1 {position: absolute; left:0%; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); overflow: hidden; transition: all 0.3s 0s ease-in-out; z-index: 99 } /* 50%->0% */
#header h1 a {display: block; overflow: hidden; height: 100%; outline: none;}
#header .in_header .blog {z-index:2; position: absolute; top:50%; padding-bottom:1px; right:150px; transform: translateY(-50%); -webkit-transform: translateY(-50%);} /* 150px -> */
.top_menu {z-index:2; position: absolute; top:50%; right:58px; transform: translateY(-50%); -webkit-transform: translateY(-50%);font-size: 13px;} /* 58px -> */
.top_menu > li > a {display: block; color: #4b4b4b; font-size: 14px; min-width: 82px; box-sizing: border-box; line-height:140%; overflow: hidden; position: relative; z-index: 9; padding:5px 15px; }
.top_menu > li > a > span {display:block; padding-right:20px; background: url(../img/common/top_arrow.png) no-repeat right center; color: #4b4b4b; font-weight: 500 }
.top_menu .over {text-align: center; position: absolute; padding:10px 5px; left:0%; top:110%; width:100%; display: none; box-sizing: border-box; background: #fff; border:1px solid #eaeaea; border-top:2px solid #1e2c5a;}
.top_menu .over li {padding:4px 0px;}
.top_menu .over li a {color: #939393; font-size: 12px; font-weight: 500;}
.top_menu .over li a:hover {color: #939393;}



.m_gnb_on {position:absolute; right:10px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); display: block; }  /* 10px -> */
.m_gnb_on .menu_btn {margin: 0 auto;}

/* GNB */
.w_gnb {position: relative; margin: 0 auto; padding: 0px 220px 0px 180px;} 
.w_gnb .gnb:after {content:""; display:block; clear:both;}
.w_gnb .gnb {max-width:1200px; margin: 0 auto; box-sizing: border-box; position: relative; z-index: 9; }

.w_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul > li {float: left; width:12.5%; position:relative; box-sizing: border-box;}

.w_gnb .gnb > ul > li > a {display:block; color:#000; text-align: center; position: relative;}
.w_gnb .gnb > ul > li > a > span {display:inline-block; font-size:17px; line-height:79px; height:79px; transition: all 0.2s 0s ease-in-out; font-weight:400; box-sizing: border-box;}
.w_gnb .gnb > ul > li > a > span.small {display: none;}
.w_gnb .gnb > ul > li:hover > a:after {display: block; content: ""; width: 100%; height: 3px; background:#1e2c5a; position: absolute; left: 0px; bottom: 0px;}
.w_gnb .gnb > ul > li.on > a:after {display: block; content: ""; width: 100%; height: 3px; background:#1e2c5a; position: absolute; left: 0px; bottom: 0px;}

.w_gnb .gnb > ul > li.active > a:after {display: block; content: ""; width: 100%; height: 3px; background:#1e2c5a; position: absolute; left: 0px; bottom: 0px;}


.w_gnb .sub_menu  {position:absolute; left: 0px; width:100%; box-sizing:border-box; overflow:hidden; top:100%; display:none; padding:10px 0px; border:1px solid #e6e6e6; background: #fff; padding: 10px 0px;}
.w_gnb .sub_menu > li {padding:5px 3px 5px 3px;  text-align:center;}
.w_gnb .sub_menu > li > a {display:inline-block; font-size:15px; font-weight:300; color:#666666; padding:3px 0px; line-height:140%; border-bottom:3px solid #fff;}
.w_gnb .sub_menu > li > a:hover {color:#000; border-bottom:3px solid #b49759}

.w_gnb .three_depth { display:none;}
.three_depth { display:none;}


#gnb_bar {position:absolute; left:50%; transform:translateX(-50%); top:100%; border-top:1px solid #dedede; border-bottom: 1px solid #dedede; width:100vw; background:#fff; display: none; margin-top: -1px;}
#gnb_bar .inner {padding:30px 10px 30px 220px; box-sizing: border-box; min-height:60px; position: relative;}
#gnb_bar .inner > h2 {position: absolute; left: 0px; top: 50%; position:absolute; height: 60px; margin-top: -30px;}
#gnb_bar .inner > h2 > span {display: block; font-size: 28px; line-height: 140%;}
#gnb_bar .inner > h2 > span.small {font-size:14px; font-weight: 100; color: #4b4b4b; line-height: 140%;}
#gnb_bar .inner > ul {overflow: hidden; padding-left:30px; position: relative;}
#gnb_bar .inner > ul:before {display: block; content: ""; width: 1px; height:calc(100% - 30px); height:-webkit-calc(100% - 30px); background:#dedede; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
#gnb_bar .inner > ul > li {float: left; width: 25%; box-sizing: border-box; padding:10px 15px;}
#gnb_bar .inner > ul > li > a {display: block; padding:5px 8px; line-height: 20px; font-size:15px; color: #4b4b4b;}
#gnb_bar .inner > ul > li > a:hover {background: #1e2c5a; color: #fff;}


.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_top {height: 88px; background:url(../img/common/logo.png) no-repeat center center #fff; box-sizing: border-box; border-bottom: 1px solid #4a76b4}
.slide_menu_wrap .m_gnb_on {display:none !important}

.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: 50%; 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 10px; 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; }
.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 > ul > li > a .small {display: none;}



/* visual */
.main_visual {width: 100%; overflow: hidden; position: relative;}
.main_visual .videoDiv {position: absolute; top: 0px; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width:2560px; height: 1500px;}
.main_visual .videoDiv img {max-width:100%; max-height:100%;}
.main_visual .bxslider > li {background-size:cover !important; }
.main_visual .v_frame {max-width: 1200px; height:730px; display:flex; align-items:center; justifty-content:center; padding-bottom:10px; padding-left:60px; padding-right:60px; margin: 0 auto;}
.main_visual .v_frame img {width: 100%;}
.main_visual .v_fbox {max-width: 425px; padding-bottom:2px; margin: 2 auto;}
.main_visual .v_fbox img {width: 100%;}
.main_visual .v_fbox2 {max-width:fit-content; left:auto; right:0px; width:425px; padding-bottom:2px; margin: 2 auto;}
.main_visual .v_fbox2 img {width: 100%;}
.main_visual .v_txt {font-size:20px; color: #fff; text-align: center; width: 100%; line-height: 140%; font-weight:300; transition: all 0.3s 0s ease-in-out; word-break: keep-all; text-shadow: 1px 2px 2px rgba(0, 0, 0, 50%); color: #fff;}
.main_visual .v_txt .txt1 {font-size:2em; line-height: 140%; padding-bottom:1em; }
.main_visual .v_txt .txt1 .big {font-size:1.25em; line-height: 140%; }




.main_visual .bx-controls {text-align: center; position: absolute; left: 50%; transform: translateX(-50%); bottom:5%; max-width: 1200px; box-sizing: border-box; z-index: 99;}
.main_visual .bx-wrapper .bx-pager {position: relative; width: auto !important; left: auto; bottom: auto; display: inline-block; vertical-align: top; padding:7px 0px 0px 0px; z-index: 99;}
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {position: relative; bottom: auto; display: inline-block; right: auto; width: 24px; height:18px; text-align: center; padding-top:6px;}
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {position: relative; bottom: auto; display: inline-block; right: auto; width: 24px; height:18px; text-align: center; padding-top:6px;}
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0; z-index: 99;}
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto > div > a {text-indent:1000000%;}

.main_visual .bx-wrapper .bx-pager.bx-default-pager a {width:14px; height:14px; margin:0 5px; background:#c3c2c2; border:none; -moz-border-radius:14px;  -webkit-border-radius:14px; border-radius:14px; opacity:1;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a:hover {background:#c3c2c2;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a.active {background:#fff; width:53px; opacity: 1;}
.main_visual .bx-wrapper .bx-controls-auto .active {display: none;}
.main_visual .v_bt {position: absolute; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index:99;}
.main_visual .v_bt > a {display: block; color: #fff; line-height: 14px; font-size:13px;}
.main_visual .v_bt > a img {vertical-align: top; margin: 2px;}
.main_visual #proprev1 {left:3%; text-align: right;}
.main_visual #pronext1 {right:3%;}


.main_quick_wrap {display:flex; flex-wrap:wrap; width: 100%; overflow: hidden;z-index: 99}
.main_quick_wrap .main_quick {width:20%; position: relative;}
.main_quick_wrap .main_quick:nth-child(1) {text-align: right; background: url(../img/main/quick_bg1_yellow.png) repeat left top; width:30%}  /* 30% */
.main_quick_wrap .main_quick:nth-child(2) {text-align:center; background: url(../img/main/quick_bg2_blue.png) repeat left top; width:30%}  /* 45% */ 
.main_quick_wrap .main_quick:nth-child(3) {text-align:center; background:#2e85c1 repeat left top; width:20%}   /* add */
.main_quick_wrap .main_quick:nth-child(4):before {position:absolute; left:0px; top:0px; display:block; content:""; width:100%; height:100%; background:#DDEBF3; opacity:95%}  /* (3) */

.main_quick_wrap .main_quick .quick_in {vertical-align:top; position:relative; z-index:2; width: 100%; max-width:640px; box-sizing: border-box; padding: 36px 0px 10px 0px; overflow: hidden; min-height:420px; text-align: center; display: inline-block;} /* 400->200 */
.main_quick_wrap .main_quick .quick_in .quick_tit_wrap {min-height:80px;}		/* 80px -> 60px */
.main_quick_wrap .main_quick .quick_in h3 {text-align: center; font-size:28px; color: #fff; font-weight: 300; padding-bottom:10px;line-height:100%;}	/* 140%->120% 3row*/
.main_quick_wrap .main_quick .quick_in .txt_s {font-size:18px; line-height: 100%; font-weight:400;}
.main_quick_wrap .main_quick .quick_in .txt_s0 {font-size:18px; color: ##000C7B; line-height: 100%; font-weight:500;}


.main_quick_wrap .icons {padding:30px 10px 0px 10px; overflow: hidden; display:flex; flex-wrap:wrap;}   /* padding:20px 10px 0px 10px;  */
.main_quick_wrap .icons > li {width:20%; pading text-align: center; box-sizing: border-box; padding:0.5em 0.2em;}	/* 5px */
.main_quick_wrap .icons > li > a {display: inline-block;}
.main_quick_wrap .icons > li .ico {border-radius:100%; overflow:hidden; display:inline-flex; position: relative; -webkit-transition: all 0.2s 0s ease-in-out; transition: all 0.3s 0s ease-in-out;}
.main_quick_wrap .icons > li .ico img {-webkit-transition: all 0.1s 0s ease-in-out; transition: all 0.1s 0s ease-in-out;}
.main_quick_wrap .icons > li .ico .pa {display:none; position: absolute; left: 0px; top: 0px; opacity: 0; -webkit-transition: all 0.2s 0s ease-in-out; transition: all 0.3s 0s ease-in-out;}
.main_quick_wrap .icons > li .txt {display: block;color: #fff; line-height:1.2em; min-height:2.4em; font-size:0.95em; margin-top:3px}   /*  0.95em 3px 120% 43px */
.main_quick_wrap .icons > li > a:hover .ico {background:#fff;}
.main_quick_wrap #quick2_tab2 > li {width:25%;}

.main_quick_wrap .main_quick:nth-child(1) .icons > li > a:hover .ico img {filter: invert(52%) sepia(98%) saturate(661%) hue-rotate(14deg) brightness(95%) contrast(96%); -webkit-filter: invert(52%) sepia(98%) saturate(661%) hue-rotate(14deg) brightness(95%) contrast(96%);}
.main_quick_wrap .main_quick:nth-child(2) .icons > li > a:hover .ico img {filter: invert(52%) sepia(6%) saturate(5440%) hue-rotate(189deg) brightness(41%) contrast(81%); -webkit-filter: invert(52%) sepia(6%) saturate(5440%) hue-rotate(189deg) brightness(41%) contrast(81%)}
.main_quick_wrap .main_quick:nth-child(3) .icons > li > a:hover .ico img {filter: invert(68%) sepia(63%) saturate(1129%) hue-rotate(179deg) brightness(95%) contrast(101%); -webkit-filter: invert(66%) sepia(63%) saturate(1129%) hue-rotate(179deg) brightness(95%) contrast(101%);}
.main_quick_wrap .main_quick:nth-child(4) .icons > li > a:hover .ico img {filter: invert(30%) sepia(86%) saturate(1129%) hue-rotate(179deg) brightness(95%) contrast(101%);; -webkit-filter: invert(30%) sepia(86%) saturate(1129%) hue-rotate(179deg) brightness(95%) contrast(101%);}

.main_quick_wrap .main_quick:nth-child(3) .icons > li {width:33.333%}
.main_quick_wrap .main_quick:nth-child(4) .icons > li {width:33.333%}


.main_quick_wrap .main_quick .quick_tit {padding-top:10px;}
.main_quick_wrap .main_quick .quick_tit > ul {padding:0px; margin:0 auto; display:flex; justify-content:center; overflow:hidden; position:relative;}
.main_quick_wrap .main_quick .quick_tit > ul > li {width:auto; opacity:0.5; padding:0px 1em; text-align:center; box-sizing:border-box;}
.main_quick_wrap .main_quick .quick_tit > ul > li > a {color:#fff; padding-bottom:0.5em;}
.main_quick_wrap .main_quick .quick_tit > ul > li.on {opacity:1;}
.main_quick_wrap .main_quick .quick_tit > ul > li.on > a {display:block; border-bottom:3px solid #fff;}

.main_quick_wrap .main_quick:nth-child(1) .quick_tit > ul > li.on > a {color:#fff799; border-color:#fff799}
.main_quick_wrap .main_quick:nth-child(2) .quick_tit > ul > li.on > a {color:#cbe3ff; border-color:#cbe3ff}
.main_quick_wrap .main_quick:nth-child(3) .quick_tit > ul > li.on > a {color:#a5daff; border-color:#a5daff}
.main_quick_wrap .main_quick:nth-child(4) .quick_tit > ul > li.on > a {color:#000000; border-color:#000000}



.main_board {display:flex; margin:-40px; overflow: hidden;}
.main_board > div {width:35%; padding:40px; max-width:620px; box-sizing: border-box;}
.main_board > div.box3 {max-width:540px; width:30%;}

.m_board {position: relative;}
.m_board h4 {font-size:28px; line-height: 120%; color: #333333; font-weight:600;  }  /* height 150%->120% */
.m_board > ul {border-top:1px solid #e1e5e7;}
.m_board > ul > li {border-bottom:1px solid #e1e5e7;  font-weight:400; position:relative; display:flex; align-items:center; padding:0px 1.5em 0px 1em;   justify-content: space-between; position: relative; height:3.5em; } /* height 22px -> 20px */
.m_board > ul > li a {position:relative; padding-left:1em; box-sizing:border-box; display:inline-block; font-size:1.05em; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis; color:#333333;} /* height 20px -> 18px */
.m_board > ul > li a:before {display:block; content:""; width:4px; height:4px; border-radius:100%; background:#333; position:absolute; left:0px; top:50%; transform:translateY(-50%)}
.m_board > ul > li:hover {background:#b68e0f;}
.m_board > ul > li:hover a {color:#fff;}
.m_board > ul > li:hover a:before {background:#fff;}
.m_board > ul > li:hover .date {color:#fff;}
.m_board > ul > li .date {color:#7b7b7b; font-size:0.95em; text-align:right; min-width:6em; } /* height 20px -> 18px */

.box2 .m_board > ul > li:hover {background:#1e2c5a;}

.m_board .first {margin-bottom:1em}
.m_board .first > a {display:block; position:relative;}
.m_board .first .photo {display:block; position:relative; overflow:hidden; padding-bottom:calc(320 / 540 * 100%); border-radius:1.5em 1.5em 0px 0px;}
.m_board .first .photo:before {content:""; position:absolute; z-index:3; left:0px; top:0px; width:100%; height:100%; background:linear-gradient(rgba(0, 0, 0, 0%) 70%, rgba(0, 0, 0, 50%) 90%)}
.m_board .first .photo img {position:absolute; left:0px; top:0px; z-index:2; width:100%; height:100%;}
.m_board .first .txt {z-index:9; width:100%; box-sizing:border-box; position:absolute; left:0px; bottom:0px; display:flex;color:#fff; font-weight:400; display:flex; align-items:center; padding:0px 1.5em 0px 1em; justify-content: space-between; height:3.5em; }
.m_board .first .txt .txt_a {font-size: 1.05em; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.m_board .first .txt .date {text-align: right; min-width: 6em;}
.main_board .tit_w {display:flex; align-items:center; justify-content: space-between;  position:relative; margin-bottom:1em;}
.main_board .tit_w > h4 {z-index:2; display:inline-block; background:#fff; padding-right:0.5em;}
.main_board .tit_w:before {content:""; display:block; width:100%; height:1px; position:absolute; right:0px; top:50%;}
.main_board .tit_w .more {position:relative; right:auto; top:auto;}
.main_board .tit_w .more > a {display:flex; color:#000; font-weight:600; padding:0px; font-size:0px; align-items:center;}
.main_board .tit_w .more > a > span {display:flex; width:28px; height:28px; justify-content:center; align-items:center; background:#363636; border-radius:100%; color:#fff; position:relative}
.main_board .tit_w .more > a > span:after {display:block; content:""; width:12px; height:2px; background:#fff; position:absolute; left:50%; top:50%; margin-left:-6px; margin-top:-1px; transition:all 0.5s;}
.main_board .tit_w .more > a > span:before {display:block; content:""; width:2px; height:12px; background:#fff; position:absolute; left:50%; top:50%; margin-top:-6px; margin-left:-1px; transition:all 0.5s;}
.main_board .tit_w .more > a > span:hover:after {transform:rotate(90deg);}
.main_board .tit_w .more > a > span:hover:before {transform:rotate(90deg);}


.main_board .box1 .tit_w:before { background:#b68e0f}
.main_board .box2 .tit_w:before {background:#1e2c5a}
.main_board .box3 .tit_w:before {display:none;}

.main_board .box1 .tit_w .more > a > span {background:#b68e0f}
.main_board .box2 .tit_w .more > a > span {background:#1e2c5a}
.main_board .box3 .tit_w .more > a > span {background:#3ba046;}

.box3 .tit_w > h4 {padding-left:1em}
.blog_slide_wrap .img {border-radius:1.5em; position:relative; padding-bottom:100%; overflow:hidden;}
.blog_slide_wrap .img > img {position:absolute; left:0px; top:0px; z-index:2; width:100%; height:100%;}
.blog_slide_wrap .txt {padding:1.5em;}
.blog_slide_wrap .txt_a {font-size:1.05em; color:#333333 ; font-weight:500; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.blog_slide_wrap .txt_b {font-size:0.95em; color:#666666; margin-top:0.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.4em; height: 2.8em;}
.blog_slide_wrap .slick-dots {display:flex; position:absolute; left:120px; top:-40px;}
.blog_slide_wrap .slick-dots > li {padding:0px 5px;}
.blog_slide_wrap .slick-dots > li > button {text-indent:-9999999em; width:11px; height:11px; border-radius:11px; background:#dcdcdc}
.blog_slide_wrap .slick-dots > li.slick-active > button {background:#339933; width:22px;}

/* section */
.section {padding:90px 0px; font-size: 16px;}
.section .more {position: absolute; right: 0px; top: 10px;}
.section .more > a {display: block; font-weight:300; color: #000; font-size:14px; line-height:22px; padding-right:25px; background: url(../img/main/more.png) no-repeat right center;}


.m_tit {padding:0px 0px 25px 0px; text-align:center; color:#1e2c5a; font-size:36px; text-align: center; line-height:150%; font-weight:600;}
.m_tit > strong {font-weight: 600;}
.m_tit_txt {margin:-20px 0px 30px 0px; color:#000; font-size:16px; text-align:center; line-height:150%; display:block; font-weight: 100;}

.main_banner {display: flex; margin: -25px;}
.main_banner > div {width:40%; max-width:635px; padding: 25px; box-sizing: border-box}
.main_banner .banner03 {width: 20%}


.main_banner .brochure_wrap {}	/* 30%->40% */
.main_banner .brochure_wrap .ban_in {background: #eff6fa; height: 100%; box-sizing: border-box; border-top:3px solid #1e2c5a;}
.main_banner .brochure_wrap .tit {text-align: center; font-size:24px; color: #1e2c5a; font-weight: 700; line-height: 1.3em ; padding: 28px 0px;}
.main_banner .tab-w {padding: 0px 20px;}
.main_banner .tabs {display: flex; align-items: flex-start; border-bottom: 1px solid #a7b9c1; justify-content:space-between;}
.main_banner .tabs > li {padding: 0px 2px;}
.main_banner .tabs > li > a {word-break: keep-all; text-align: center; color: #333333; position: relative; display:inline-block; letter-spacing: -1px; font-size:0.95em; line-height: 1.3em; font-weight:500; padding-bottom:8px; }
.main_banner .tabs > li > a.active:after {display: block; content: ""; width: 100%; height: 4px; position: absolute; left: 0px; bottom: -1px; background:#056fb9}

.main_banner .brochure {padding:0px; max-width:545px;margin:-17px auto; padding-bottom: 20px; display:flex; flex-wrap:wrap;}
.main_banner .brochure > li {width:33.333333%; box-sizing:border-box; padding:17px 9px; text-align:center;}	/* 50% -> 30% */
.main_banner .brochure > li a {display:block; max-width: 130px; margin: 0 auto;}
.main_banner .brochure > li span {font-size:15px; font-weight:400; color:#1e2c5a; padding-top:8px; display: block; line-height:1.3em;}
.main_banner .brochure > li .img {position: relative; padding: 0px; box-shadow:1px 2px 3px rgba(0, 0, 0, 20%);}
.main_banner .brochure > li a:hover .img:after {display: block; content: ""; width: 100%; height: 100%; box-sizing: border-box; position: absolute; left: 0px; top: 0px; border:1px solid #056fb9;}

.certificate {display: flex; width: 100%; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.certificate .left {width:38%; max-width: 238px; min-height: 432px; margin-top:22px;}
.certificate .right {flex: 1; width: 60%; box-sizing: border-box; padding: 10px 40px;}
.certificate .certificate_slide_wrap {max-width:320px; margin: 0 auto; padding: 0px 32px;}
.certificate .certificate_slide_wrap .slick-arrow {display: flex; text-indent:-999999em; width: 32px; height: 32px; position: absolute; top: 50%; transform: translateY(-50%)}
.certificate .certificate_slide_wrap .slick-next {right:-32px; background: url(../img/main/slick_next.jpg) no-repeat left top;}
.certificate .certificate_slide_wrap .slick-prev {left:-32px; background: url(../img/main/slick_prev.jpg) no-repeat left top;}
.certificate .certificate_slide_wrap .slick-slide {line-height: 0px;}
.certificate .certificate_slide_wrap .certificate_slide {background:#fff; box-shadow:3px 4px 1px #d0d5d7;}


.certificate .custom-dots {min-height: 432px; background: #fff; border-radius:0px 30px 30px 0px;  box-sizing: border-box; padding:30px 0px 0px 38px; }
.certificate .custom-dots .slick-dots > li {padding:2px 0px;}
.certificate .custom-dots .slick-dots > li button {font-weight: 300; font-size: 15px; color: #333; line-height: 1.3em; display: flex; height: 26px; align-items: center; padding:0px 10px 0px 8px; position: relative;}
.certificate .custom-dots .slick-dots > li.slick-active button {background: #056fb9; color: #fff;}
.certificate .custom-dots .slick-dots > li.slick-active button:after {display: block; content: ""; border-left:10px solid #056fb9; border-top:13px solid transparent; border-bottom: 13px solid transparent; position: absolute; left: 100%; }

#certificate1 .custom-dots .slick-dots {padding-left:54px;}
#certificate1 .custom-dots .slick-dots > li {position:relative;}
#certificate1 .custom-dots .slick-dots > li:nth-child(6) {margin-top: 30px;}
#certificate1 .custom-dots .slick-dots > li:nth-child(1):before {display: flex; content: "IAS"; height: 26px; align-items: center; position: absolute; left:-50px; top: 0px; font-weight:500;}
#certificate1 .custom-dots .slick-dots > li:nth-child(6):before {display: flex; content: "KAB"; height: 26px; align-items: center; position: absolute; left:-50px; top: 0px; font-weight:500;}

.qms_slide {position: relative;}
.qms_slide .slick-dots {position: absolute; left: 0px; bottom: 10px; width: 100%; display: flex; justify-content:center}
.qms_slide .slick-dots > li {padding: 0px 3px;}
.qms_slide .slick-dots > li button {width:10px; height:10px; border-radius: 100%; background:#000; opacity: 0.6; text-indent:-9999999em; display: block}
.qms_slide .slick-dots > li button {width:10px; height:10px; border-radius: 100%; background:#000; opacity: 0.6; text-indent:-9999999em; display: block}
.qms_slide .slick-dots > li.slick-active button {background:#056fb9; opacity:1;}


.banner03 > ul {border-top:3px solid #1e2c5a; }
.banner03 > ul > li:not(:first-child) {margin-top:8px;}


.main_banner .ban_in {position: relative; box-sizing: border-box;}




.main_banner .ban03 {}
.main_banner .ban03 .ban_in {}
.main_banner .ban03 .ban_in a { padding: 20px 0px 0px 23px;min-height:90px; box-sizing: border-box; display: block; color: #fff; font-size: 13px; font-weight: 100;}
.main_banner .ban03 .ban_in .ban_tit {color: #fff; display: block}
.main_banner .ban03 .ban_in .txt_t {color: #fff; padding-bottom: 20px; font-size: 20px; position: relative;}
.main_banner .ban03 .ban03_1 .ban_in {background: url(../img/main/it.jpg) no-repeat 0px -130px;}

.main_banner .ban03 .ban03_2 .ban_in {background: url(../img/main/location.jpg) no-repeat -9px -30px;}
.main_banner .ban03 .ban03_2 .ban_in .txt_t:before {display: block; content: ""; width:22px; height: 40px; background: url(../img/common/location_point.png) no-repeat 0px 0px; box-sizing: border-box; position: absolute; background-size:cover; left:126px; top:-13px;}

.main_banner .ban03 .ban03_3 .ban_in {background: url(../img/main/news.jpg) no-repeat -10px -8px;}
.main_banner .ban03 .ban03_4 .ban_in {background: url(../img/main/ico_webhard.png) no-repeat 243px center #cc9f13;}
.main_banner .ban03 .ban03_5 .ban_in {background: url(../img/main/movie.jpg) no-repeat 178px -44px #fff; background-size: 186px auto;}
.main_banner .ban03 .ban03_5 .ban_in a {min-height:180px; padding-top: 40px;}
.main_banner .ban03 .ban03_5 .ban_in .txt_t {color: #1e2c5a; font-weight:700;}
.main_banner .ban03 .ban03_5 .ban_in .txt_t .small {font-weight: 300; font-size:15px;}

.main_banner .ban03 .ban03_5 .ban_in .icr_tit {display: block;line-height: 140%; color:#1e2c5a;}
.main_banner .ban03 .ban03_5 .ban_in .icr_tit > strong {font-size: 30px; line-height: 140%; font-weight: 600;}
.main_banner .ban03 .ban03_5 .ban_in .ce {display: block; padding: 10px 0px; z-index: 9; position: relative;}
.main_banner .ban03 .ban03_5 .ban_in .ce img {height:60px;}
.main_banner .ban03 .ban03_5 .ban_in .m_movie {display: none;}
.main_banner .ban03 .ban03_5 .ban_in .m_movie {position: relative;}

.main_banner .ban03 .ban03_5 .ban_in video {position: absolute; left:50%; bottom:0px; margin-left: -350px;}



.main_banner > ul {overflow: hidden; float: left;box-sizing: border-box;}
.main_banner > ul > li {float: left;}
.main_banner > ul > li > a {display: block; padding:25px; box-sizing: border-box; color: #000; text-align: center}
.main_banner > ul > li > a .txt_ww {display: inline-block; width: 100%; max-width:190px; text-align: center;}
.main_banner > ul > li > a .txt_t {text-align: center; display:block; padding:10px 0px 25px 0px; background: url(../img/main/dot_line.png) repeat-x left bottom; margin-bottom: 25px;}
.main_banner > ul > li > a .txt_t > strong {display: block; font-size:28px; line-height: 140%;}
.main_banner > ul > li > a .txt_s {display: block; font-size: 1.05em;}
.main_banner > ul > li > a .txt_s > span {display: inline-block; line-height:27px; border-radius:30px; padding: 0px 10px; color: #fff; font-size:14px;  background: #60b540; margin-top: 5px;}
.main_banner > ul.ban1 {max-width:720px; width:60% }
.main_banner > ul.ban1 > li {width:66.666%;}
.main_banner > ul.ban1 > li > a {height: 240px;}
.main_banner > ul.ban1 > li:nth-child(1) {width:33.333%; background: #eaf6d1}
.main_banner > ul.ban1 > li:nth-child(1) > a {height:480px;}
.main_banner > ul.ban1 > li:nth-child(2) {background: #e3f4f4}
.main_banner > ul.ban1 > li:nth-child(3) {background: #f7f4e3}
.main_banner > ul.ban1 > li:nth-child(1) > a {background: url(../img/main/ban01.png) no-repeat center bottom}
.main_banner > ul.ban1 > li:nth-child(2) > a {background: url(../img/main/ban02.png) no-repeat 95% center; text-align: left;}
.main_banner > ul.ban1 > li:nth-child(3) > a {background: url(../img/main/ban03.png) no-repeat 5% center; text-align: right;}

.main_banner > ul.ban2 {max-width:480px; width:40% }
.main_banner > ul.ban2 > li {width:50%;}
.main_banner > ul.ban2 > li > a {height: 480px;}
.main_banner > ul.ban2 > li:nth-child(1) {background: #f4eaf5}
.main_banner > ul.ban2 > li:nth-child(2) {background: #f1f0ef}
.main_banner > ul.ban2 > li:nth-child(1) > a {background: url(../img/main/ban05.png) no-repeat center bottom}
.main_banner > ul.ban2 > li:nth-child(2) > a {background: url(../img/main/ban04.png) no-repeat center top; padding-top:266px}



@media (hover: none) {

}

#section2 {position: relative; background: #dfecf4}





.m_more {text-align: center; padding-top: 30px;}
.m_more > a {display: inline-block; width: 100%; max-width:170px; line-height: 40px; border: 1px solid #000000; text-align: center; color: #000;}
.m_more > a > span {font-size: 1.4em; display: inline-block; vertical-align: top; padding-right: 3px;}








/* footer */
#footerW {clear:both; word-break: keep-all; position: relative; width:100%; background:#23252d; font-size: 16px;}
#footerW .go_top {position: fixed; right:10px; top:50%; z-index: 999}

#footer_add .top {position:absolute; right:0px; top:0px;}
#footer_add a {color:#adadad}
#footer {position: relative; padding:50px 0px; display: flex; flex-wrap: wrap; max-width:1700px; margin: 0 auto;}
#footer .f_logo {min-width: 277px;}



#footer .addressW {flex: 1; padding-left:50px; box-sizing: border-box; position: relative; color:#fff; line-height:1.4em; font-weight:100;  overflow: hidden; }
#footer .addressW .blog {position: absolute; right: 0px; bottom: 0px;}
#footer .addressW a {color: #fff}
#footer .addressW address {display: flex;padding-bottom:30px; margin: -15px;}
#footer .addressW address > dl {flex: 1; padding:15px;}
#footer .addressW address > dl > dt {font-size:1.125em; border-bottom: 1px solid #fff; line-height: 1.4em; padding-bottom:5px; margin-bottom: 5px; font-weight:400;}
#footer .addressW address > dl > dd > span {display: block;}

#footer .addressW .copy {font-weight: 100; padding-top:5px; color: #fff; font-size: 13px;}
#footer .as_center {position: relative; color: #fff; margin-top:40px;}
#footer .as_center .txt_t {font-size: 18px; line-height: 140%; font-weight: 500;  padding-bottom:10px;}
#footer .as_center .txt_t a {color: #fff; font-weight:300;}
#footer .as_center .txt_s {font-size: 16px}
#footer .as_center > ul {overflow: hidden; margin:0px -10px; font-size: 15px;}
#footer .as_center > ul > li {float: left; box-sizing: border-box; padding: 10px; position: relative;}
#footer .as_center > ul > li:after {display: block; content: ""; width: 1px; height: 14px; margin-top: -7px; background: #fff; position: absolute; right: 0px; top: 50%;}
#footer .as_center > ul > li:last-child:after {display: none;}


.main_company > ul {overflow:hidden; max-width: 1200px; padding:15px 0px; margin: 0 auto;}
.main_company > ul > li {float: left; text-align: center; width:16.5%; }
.main_company > ul > li:nth-child(1) {width:11%; }
.main_company > ul > li:nth-child(5) {width:17%; }
.main_company > ul > li:nth-child(6) {width:11%; }
.main_company > ul > li:nth-child(7) {width:11%; }
.main_company > ul > li > a {display: block; padding: 5px;}





.copy_wrap {background: #2d313d; padding:30px 0px;}
.copy_wrap .copy {max-width: 1200px; margin: 0px auto; box-sizing: border-box; color: #8c8e93; font-size: 100; font-size:13px; padding-left: 190px;}

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




.sub_visual {height:260px; padding: 0px 10px; box-sizing: border-box; overflow: hidden; position: relative; background-size: cover!important;}
.sub_visual .sub_txt {display: table; height: 100%; width: 100%;}
.sub_visual .sub_txt .cell {display: table-cell; vertical-align: middle; height: 100%; text-align: center;}


.sub_wrap_1 .sub_visual {background: url(../img/business/sub_visual.jpg) no-repeat center top;}
.sub_wrap_2 .sub_visual {background: url(../img/test/sub_visual.jpg) no-repeat center top;}
.sub_wrap_3 .sub_visual {background: url(../img/product/sub_visual.jpg) no-repeat center top;}
.sub_wrap_4 .sub_visual {background: url(../img/system/sub_visual.jpg) no-repeat center top;}
.sub_wrap_5 .sub_visual {background: url(../img/training/sub_visual.jpg) no-repeat center top;}
.sub_wrap_6 .sub_visual {background: url(../img/customer/sub_visual.jpg) no-repeat center top;}
.sub_wrap_7 .sub_visual {background: url(../img/introduce/sub_visual.jpg) no-repeat center top;}
.sub_wrap_8 .sub_visual {background: url(../img/community/sub_visual.jpg) no-repeat center top;}



.sub_wrap_2 #lnb_wrap .lnb .lnbs2 .copy_menu {width: 180%;}
.sub_wrap_2 #lnb_wrap .lnb .lnbs2 .copy_menu > li {float: left; width: 50% !important; box-sizing: border-box;}
.sub_wrap_2 #lnb_wrap .lnb .lnbs2 .copy_menu > li:nth-child(odd) {padding-right: 25px;}
.sub_wrap_2 #lnb_wrap .lnb .lnbs2 .copy_menu > li:nth-child(even) {padding-left: 25px;}

.sub_wrap_1 #lnb_wrap .lnb .lnbs2 .copy_menu {width: 180%;}
.sub_wrap_1 #lnb_wrap .lnb .lnbs2 .copy_menu > li {float: left; width: 50% !important; box-sizing: border-box;}
.sub_wrap_1 #lnb_wrap .lnb .lnbs2 .copy_menu > li:nth-child(odd) {padding-right: 25px;}
.sub_wrap_1 #lnb_wrap .lnb .lnbs2 .copy_menu > li:nth-child(even) {padding-left: 25px;}

.sub_wrap_3 #lnb_wrap .lnb .lnbs2 .copy_menu {width: 180%;}
.sub_wrap_3 #lnb_wrap .lnb .lnbs2 .copy_menu > li {float: left; width: 50% !important; box-sizing: border-box;}
.sub_wrap_3 #lnb_wrap .lnb .lnbs2 .copy_menu > li:nth-child(odd) {padding-right: 25px;}
.sub_wrap_3 #lnb_wrap .lnb .lnbs2 .copy_menu > li:nth-child(even) {padding-left: 25px;}

.sub_wrap_3 #lnb_wrap .lnb .lnbs2 .copy_menu > li.lnb14 a {padding:15px 0px 15px 10px}

.sub_wrap .bt_quick {display: none}

#sub_tit {font-size:48px; color: #fff; font-weight:500; line-height:150%; padding-bottom: 5px; text-shadow: 1px 2px 2px #333;}
#sub_tit .small {display: none;}
.sub_tit_s {font-size:24px; color: #fff; font-weight:300; text-shadow: 1px 2px 2px #333;}


#m_lnb {display:none;}



#lnb_wrap {position:relative; min-height: 10px; background:#fff; z-index:10; box-sizing:border-box;}
#lnb_wrap:after {display: block; content: ""; width: 100%; height: 1px; background: #dedede; position: absolute; left: 0px; bottom: 0px;}
#lnb_wrap .small {display: none !important;}
#lnb_wrap .lnb {max-width:1200px; margin:0 auto; position:relative; z-index:9;}
#lnb_wrap .lnb:after { clear:both; content:""; display:block;}
#lnb_wrap .lnb .lnbs { float:left; width:280px; border-right:1px solid #dfdfdf; position:relative;}
#lnb_wrap .lnb .lnbs2 {margin-left: -1px; width:320px; }
#lnb_wrap .lnb .lnbs .copy_menu { position:absolute; left:0px; top:100%; box-sizing: border-box; width:calc(100% + 1px); width:-webkit-calc(100% + 1px); border:1px solid #dfdfdf; border-top:none;  display:none; background: #fff; padding:20px 30px;}

#lnb_wrap .lnb .lnbs .sub_menu {display:none !important;}

#lnb_wrap .ico_home {float:left; display: block; }
#lnb_wrap .ico_home a {display:block; width:50px; height:50px; text-indent:-1000px; font-size:0px; background:url(../img/common/ico_home.png) no-repeat center center #1e2c5a;}
.lnb ul li {color:#4b4b4b; display: block; width: 100% !important; padding:10px 0px; margin-top: 0px;}
.lnb .three_depth {padding: 10px;}
.lnb ul li a {color:#4b4b4b; font-size:15px; display:block; line-height:20px; min-height:20px; padding:5px 0px 5px 10px; box-sizing:border-box; text-align: left; border-top:none }
.lnb .three_depth {border: none;}
.lnb ul li .three_depth a {padding:6px 15px; border: none; font-size: 13px;}
.lnb ul li.on > a {color: #fff; background: #1e2c5a}


#lnb_tit {box-sizing:border-box; padding-left:30px; color:#000000; line-height:50px; height:50px; background:url(../img/common/lnb_arrow.png) no-repeat right center; cursor:pointer; font-weight:400;}

#lnb_tit2 {display: block; box-sizing:border-box; padding-left:30px; color:#333; line-height:50px; height:50px; background:url(../img/common/lnb_arrow.png) no-repeat right center; padding-right:20px; cursor:pointer; font-weight: 500; color: #1e2c5a; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;} 
#lnb_tit2:After {display: block; content: ""; width: 100%; height: 2px; background: #1e2c5a; position: absolute; left: 0px; bottom: 0px;}
#lnb_tit.on {background:url(../img/common/lnb_arrow_on.png) no-repeat right center;}
#lnb_tit2.on {background:url(../img/common/lnb_arrow_on.png) no-repeat right center;}



.title_bar {margin-bottom:50px; padding-top: 100px; text-align: center}
.title_bar h2 {font-size:34px; display: inline-block; font-weight:600; color:#1e2c5a; line-height:140%; transition: all 0.2s 0s ease-in-out; padding-bottom:8px;}

.title_bar .s_txt {font-size:36px; color:#000; padding-top:30px; line-height: 140%; font-weight: 100; padding-bottom:10px; 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 {position: relative; text-align: right; max-width: 1200px; margin: 0 auto; margin-top: 10px; line-height:60px; height:60px; font-size:15px;}
.location span {display:inline-block; zoom:1; *display:inline; padding-left:15px; margin-left:10px; background:url(../img/common/location.gif) no-repeat left center; color:#666666; font-weight:100;}
.location span:first-child {padding-left:0px; margin-left:0px; background:none}
.location #location_2 {font-weight:400;}
.location #location_3 {font-weight:400;}
.location img {vertical-align:middle; margin-top: -4px;}




.sub_con {min-height:100px; margin: 0 auto; font-size:16px; font-weight: 300; line-height: 170%; word-break: keep-all;}
.sub_con > .s_tit:first-child {margin-top: -20px;}

.sub_con img {max-width: 100%;}
.sub_tit {font-size: 26px; color: #333333; line-height: 140%; text-align: center; padding: 20px 0px 10px 0px;}
.sub_tit.fb {font-weight:700;}
.sub_tit_p {font-size: 24px; color: #82308e; line-height: 140%; text-align: center; padding: 20px 0px 10px 0px; font-weight: 700;}
.s_tit {font-size:26px; position: relative; color: #1e2c5a; line-height:120%; padding:0px 0px 20px 0px; margin-top:60px; font-weight:500;}
.s_tit.fb {font-weight:700}
.s_tit > span {display:inline-block; padding-bottom: 10px; border-bottom:3px solid #1e2c5a;}
.s_tit .small {display: inline-block; color: #5c5c5c; font-size: 0.85em; font-weight: 100;}

.s_tit.line {border-bottom: 2px solid #356fa8}
.s_tit.tc {text-align: center; background: none !important; padding-left: 0px;}
.s_tit.tc:after {display: none;}
.s_tit.tc:before {display: none;}
.ss_tit {font-size:24px; position: relative; color: #333333; line-height: 140%; padding:0px 0px 0px 0px; margin-bottom:10px;  margin-top:45px; font-weight:600;}
.ss_tit.fn {font-size: 26px;}
/*.ss_tit:before {display: block; content:""; width:4px; height:4px; background:#6fb251; position: absolute; left: 0px; top:14px;}*/

.s_titW {overflow: hidden; padding: 50px 0px 25px 0px;}
.s_titW .s_tit {margin-top: 0px; padding-bottom: 0px;}

.sss_tit {color:#333333; position: relative; padding:0px 0px 5px 0px; margin-top:60px; line-height:140%; font-size:20px; font-weight: 400;}

.b_txt {font-size:20px; color: #000; line-height: 150%; font-weight: 400;}
.b_tit {font-size:20px; color: #053b99; line-height: 150%; font-weight:400; padding: 50px 0px 10px 0px;}
.s_txt_r {text-align: right; margin-top: -35px; height: 20px; padding-bottom:15px;}
.s_txt_r2 {height: 40px; margin-top: -55px;}

.ss_tit .s_txt {font-size:14px; font-weight: 300; margin-left: 10px; }



.txt_indent {padding-left: 30px;}

.edit_sub_page .edit_tit {font-size: 26px; color: #1e2c5a; line-height: 130%; font-weight: 500; padding:60px 0px 20px 0px;}
.edit_sub_page > .edit_tit:first-child {padding-top: 0px}
.edit_sub_page .edit_tit > span {display: inline-block; padding-bottom: 5px; border-bottom:3px solid #1e2c5a;}
.edit_sub_page .edit_s_tit {color: #826536; font-size: 20px; line-height: 130%; padding-bottom: 10px;}
.edit_sub_page .con {color: #333333; }
.edit_sub_page .br_box {padding:30px 35px; margin-top:10px;}
.edit_sub_page .br_box .con {padding-bottom: 0px;}
.edit_sub_page .p_list {overflow: hidden;}
.edit_sub_page .p_list > li {float: left; width: 33.333%; position: relative; box-sizing: border-box; padding:7px 10px 7px 32px;}
.edit_sub_page .p_list > li .num {width:24px; height: 24px; line-height: 24px; color: #fff; font-size:14px; font-weight: 500; text-align: center; position: absolute; left: 0px; top:7px; background: #a47b3d; border-radius:100% }

.edit_sub_page .ico_box {border: 1px solid #dedede; background: #f0f5fa; padding:30px 10px;}
.edit_sub_page .ico_box > ul {font-size: 0px; text-align:left;}
.edit_sub_page .ico_box > ul > li {display: inline-block; vertical-align: top; padding:10px 3px; min-width: 10%; box-sizing: border-box;}
.edit_sub_page .ico_box > ul > li > a {display: block; text-align: center;}
.edit_sub_page .ico_box > ul > li > a .ico {display:inline-block; border-radius:100% }
.edit_sub_page .ico_box > ul > li > a .txt {display:block; font-size: 16px; padding-top: 5px; color: #1e2c5a; line-height: 130%; min-height: 41px;}
.edit_sub_page .ico_box > ul > li > a:hover .ico {background: #cbe3ff;}

.edit_sub_page .b_txt {font-size: 18px; padding-bottom: 5px;}
.edit_sub_page .bb_txt {font-size:20px; padding-bottom:10px;}
.edit_sub_page .photo {overflow: hidden; margin:0px -8px; padding-bottom: 20px;}
.edit_sub_page .photo > li {float: left; width: 50%; box-sizing: border-box; padding:8px;}
.edit_sub_page .photo > li .pic {position: relative; overflow: hidden; padding-bottom:66.739%;}
.edit_sub_page .photo > li .pic img {width: 100%; height: auto; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.edit_sub_page .photo > li .txt_t {text-align: center; padding-top: 5px; height:55px; font-size:14px; overflow: hidden;}
.edit_sub_page .photo.two > li {width: 50%;}
.edit_sub_page .photo.three > li {width: 33.333%;}
.edit_sub_page .mark_list {overflow: hidden; margin:0px -11px; padding-bottom: 20px;}
.edit_sub_page .mark_list > li {width: 16.6666%; box-sizing: border-box; padding: 11px; float: left;}
.edit_sub_page .mark_list > li > img {border: 1px solid #dedede;}


.dl01 {border-top:2px solid #2f5597; margin-top: 10px;}
.dl01 > dt:first-child {border-top:none; }
.dl01 > dt {background: #f0f5fa; padding:12px 20px; font-size:1.05em; color: #4b4b4b; line-height: 140%; }
.dl01 > dd { border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; padding:12px 20px 12px 30px; font-size:0.95em; line-height: 140%; }
.dl01 > dd > ul {padding: 5px 0px;}
.dl01 > dd > ul > li {margin-top:10px;}
.dl01 > dd > ul > li:first-child {margin-top:0px;}
.dl01 > dd.bg {padding-left:20px; background: #f8f8f8; margin-top: -1px; border-bottom: none; font-weight: 400;}

.iso13485 {overflow: hidden; margin: 0px -5px; padding-top: 10px;}
.iso13485 > li {float: left; width: 25%; box-sizing: border-box; padding:5px;}
.iso13485 > li > p {border-radius:6px; background: #2f5597; text-align: center; font-size: 1.05em; color: #fff; padding: 10px;}







.ptb {border: 1px solid #1e2c5a; margin-top: 50px;}
.ptb > dl {position: relative; overflow: hidden; padding:15px 0px 15px 175px; font-size: 1.1em;}
.ptb > dl > dt {width: 175px; height:100%; position: absolute; box-sizing: border-box; left: 0px; top: 0px; background: #1e2c5a;}
.ptb > dl > dt > p { width: 100%; text-align: center; width: 100%; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); color: #fff;}
.ptb > dl > dt > p > span {display: inline-block; padding-left: 38px; background: url(../img/test/ptb.png) no-repeat left center; font-weight: 400;}
.ptb > dl > dd:first-child {font-size: 400;;}
.ptb > dl > dd {float: left; padding-left:45px; box-sizing: border-box; font-weight: 100}
.ptb > dl > dd > a {font-weight: 100}
.ptb > dl > dd strong {font-weight:400 !important}
.ptb > dl > dd .tel {padding-left: 40px; background: url(../img/test/ico_tel.png) no-repeat left top; min-height: 27px;}
.ptb > dl > dd .mail {padding-left: 40px; background: url(../img/test/ico_mail.png) no-repeat left top; min-height: 27px;}

.introduce {position: relative; padding-left:355px; margin-top: 50px; line-height:200%;}
.introduce .first {position: absolute; padding:30px 0px; left: 0px; top: 0px; border-top:2px solid #1e2c5a; color: #1e2c5a; font-size: 26px; line-height: 160%;}
.introduce .first:before {display: block; content: ""; margin-bottom:20px; margin-left: 10px; width: 30px; height: 24px; background: url(../img/introduce/point1.jpg) no-repeat left top }
.introduce .first:after {display: block; content: ""; margin-top:20px; margin-left: 10px; width: 30px; height: 24px; background: url(../img/introduce/point2.jpg) no-repeat left top }

.introduce .sign {font-size:1.3em; font-family: 'Noto Serif KR', serif; color: #7b7b7b; padding-top: 50px;}
.introduce .sign > strong {font-size:1.3em; font-family: 'Noto Serif KR', serif; color: #000; }

.management {padding-top: 50px;}
.management .s_tit {font-size:2.05em; color: #1e2c5a;}
.management > ul {overflow: hidden; position: relative; padding: 20px 0px;}
.management > ul:after {display: block; content: ""; width: 100%; height: 1px; background: #ccc; position: absolute; left: 0px; top: 50%;}
.management > ul > li {float: left; width: 33.333%; text-align: center; box-sizing: border-box; position: relative; z-index: 9; padding:5px;}
.management > ul > li > p {display: inline-block; max-width: 222px; position: relative;}

.management > ul > li > p > span {display: block; width: 100%; text-align: center; position: absolute; left: 0px; top: 50%; font-size: 1.4em; font-family: 'Noto Serif KR', serif; color: #1e2c5a; transform: translateY(-50%); -webkit-transform: translateY(-50%);}

.declaration {overflow: hidden; padding-top:70px;}
.declaration .img {float: left; width: 40%; box-sizing: border-box; padding-right: 20px;}
.declaration > ul {float: left; width: 60%; box-sizing: border-box; padding-left: 20px; position: relative;}
.declaration > ul:before {display: block; content: ""; width: 1px; height: 100%; background: #ccc; position: absolute; left:60px; top: 0px;}
.declaration > ul > li {position: relative; display: table; padding: 30px 0px 30px 100px;}
.declaration > ul > li > .num {display: block; width: 80px; height: 80px; box-sizing: border-box; background: #a47b3d; border-radius:100%; position: absolute; left: 0px; top:30px; text-align: center; color: #fff; padding-top:20px; line-height: 130%;}
.declaration > ul > li > .num > strong {display: block; font-size: 20px;}
.declaration > ul > li > p {display: table-cell; height: 80px; vertical-align: middle;}


.organization  {position: relative; word-break: break-all}
.organization > h3  {background: #1e2c5a; text-align: center; color: #fff; line-height:60px; max-width:280px; margin:0 auto; font-size: 1.1em; }
.organization > ul {overflow: hidden; position: relative;}

.organization > ul.level0 {padding-top:80px; padding-bottom: 40px;}
.organization > ul.level0:before {display: block; content: ""; width: 1px; height: 190px; background: #ccc; position: absolute; left: 50%; top: 0px;}

.organization > ul.level0 > li {float: left; width: 33.3333%; box-sizing: border-box; position: relative; padding:0px 5px;}
.organization > ul.level0 > li > .box {width: 100%; max-width:200px; display: inline-block; position: relative; z-index:9 }
.organization > ul.level0 > li > .box > p  {background: #1e2c5a; margin-bottom: 10px; text-align: center; color: #fff; max-width:280px; font-size: 1.1em; }
.organization > ul.level0 > li > .box > p > a {color: #fff; display: block; line-height:130%; padding: 19px 2px; }
.organization > ul.level0 > li:after {display: block; content: ""; width:calc(100% + 1px); width:-wekbit-calc(100% + 1px); height:1px; background: #ccc; position: absolute; left:50%; top:30px;}


.organization > ul.level1 {padding-top:40px; padding-bottom:40px;}


.organization > ul.level1 > li {float: left; width: 33.3333%; box-sizing: border-box; position: relative; padding:0px 5px;}
.organization > ul.level1 > li > .box {width: 100%; display: inline-block; position: relative;}
.organization > ul.level1 > li > .box > p  {position:relative; margin:0 auto; background: #a47b3d; margin-bottom:0px; text-align: center; color: #fff; max-width:200px; font-size: 1.1em; }
.organization > ul.level1 > li > .box > p > a {color: #fff; display: block; line-height:130%; padding: 19px 2px; }
.organization > ul.level1 > li > .box > p.more > a {background: #999999; padding: 10px 2px;}
.organization .level2 > li > p.more > a {font-size:0.9em; background: #999999; padding: 10px 2px;}
.organization .level2 > li > p.more {margin-top:0px !important; right:auto; top:auto;}
.organization .level2 > li > p.more:before {display:none !important;}
.organization > ul.level1 > li:after {display: block; content: ""; width:calc(100% - 0px); width:-wekbit-calc(100% - 0px); height:1px; background: #ccc; position: absolute; left:0%; top:-40px;}
.organization > ul.level1 > li > .box:before {display: block; content: ""; width: 1px; height:40px; background: #ccc; position: absolute; left: 50%; bottom:100%}
.organization > ul.level1 > li > .box > p:after {display: block; content: ""; width: 1px; height:20px; background: #ccc; position: absolute; left: 50%; top:100%}
.organization > ul.level1 > li:nth-child(1) {width:40%}
.organization > ul.level1 > li:nth-child(2) {width:40%; text-align:center; }
.organization > ul.level1 > li:nth-child(3) {width:20%}
.organization > ul.level1 > li:nth-child(1) > .box:after {display:block; content:""; width:calc(50% + 6px); height:1px; background:#fff; position:absolute; left:-6px; top:-40px; z-index:2}
.organization > ul.level1 > li:nth-child(3) > .box:after {display:block; content:""; width:calc(50% + 6px); height:1px; background:#fff; position:absolute; right:-6px; top:-40px; z-index:2}
.organization > ul.level1 > li:nth-child(3) {text-align:right;}
.organization > ul.level1 > li:nth-child(3) > .box:before {display: block; content: ""; width: 1px; height:40px; background: #ccc; position: absolute; left: 50%; bottom:100%}

.organization > ul.level1 .level2 {max-width:420px; margin:0 auto; position:relative; padding:45px 0px 15px 0px; display: flex; flex-wrap: wrap;}

.organization > ul.level1 .level2:Before {display: block; content: ""; width:50%; height:1px; transform:translateX(-50%); background: #ccc; position: absolute; left: 50%; top:20px;}
.organization > ul.level1 .level2 > li {width:50%; padding:0px 5px; padding-bottom:25px; box-sizing:border-box; position:relative;}
.organization > ul.level1 .level2.one > li {width:100%}
.organization > ul.level1 .level2.one:Before {display:none;}
.organization > ul.level1 .level2 > li:before {display:block; content:""; width:1px; height:25px; background:#ccc; position:absolute; left:50%; bottom:100%; z-index:2}
.organization > ul.level1 .level2 > li:nth-child(4):before {height:70px;}

.organization > ul.level2 {padding-top:80px; padding-bottom: 80px; max-width:600px; margin:0 auto;}
.organization > ul.level2:before {display: block; content: ""; width: 1px; height: 100%; background: #ccc; position: absolute; left: 50%; top: 0px;}
.organization > ul.level2:after {display: block; content: ""; width:100%; height:1px; background: #ccc; position: absolute; left:50%; top:40px; transform:translateX(-50%)}
.organization > ul.level2 > li {float: left; width:50%; box-sizing: border-box; position: relative; padding:0px 5px;}
.organization > ul.level2 > li > .box:After {display: block; content: ""; width: calc(50% + 6px); height: 3px; background: #fff; position: absolute; left:-6px; top: -41px; z-index: 2;}
.organization > ul.level2 > li:nth-child(2) > .box:After {left:auto; right:-6px;}
.organization > ul.level2 > li > .box {width: 100%; max-width:200px; display: inline-block; position: relative;}
.organization > ul.level2 > li > .box > p  {background: #a47b3d; margin-bottom: 10px; text-align: center; color: #fff; max-width:280px; font-size: 1.1em; }
.organization > ul.level2 > li > .box > p > a {color: #fff; display: block; line-height:130%; padding: 19px 2px; }
.organization > ul.level2 > li > .box > p.more > a {background: #999999; padding: 10px 2px;}

.organization > ul.level2 > li > .box:before {display: block; content: ""; width: 1px; height:40px; background: #ccc; position: absolute; left: 50%; bottom:100%}
.organization > ul.level2 > li:nth-child(2) {text-align: right;}
.organization > ul.level2.tr_one > li {float:right; text-align:right;}
.organization > ul.level2.tr_one > li > .box:After {left:auto; right: -7px;}
.organization > ul.level2.tr_one:after {width:50%; left:50%; transform:none;}






.organization .level2 > li > p  {background: #2f5597; margin-bottom:0px; text-align: center; color: #fff; max-width:280px; font-size: 1.1em; }
.organization .level2 > li > p:nth-child(n+2) {position:relative; margin-top:20px;}
.organization .level2 > li > p:nth-child(n+2):before {display: block; content: ""; width: 1px; height: 20px; background: #ccc; position: absolute; left: 50%; bottom: 100%; z-index: 2;}
.organization .level2 > li > p > a {color: #fff; display: block; line-height:130%; padding: 19px 2px;}
.organization .level3 {margin-top:0px; text-align:left; min-height: 100px; border: 1px solid #ccc; box-sizing: border-box; padding: 10px; position:relative; z-index:3; background:#fff;}
.organization .level3 > li {padding: 5px; line-height:130%;}
.organization .level3 > li a {display: block; text-align: left; color: #4b4b4b; padding-left: 10px; text-indent: -10px;}

.organization > ul.level4 {overflow: inherit;}
.organization > ul.level4:after {display: block; content: ""; clear: both;}

.organization > ul.level4 > li {float: left; width:20%; box-sizing: border-box; position: relative; padding:0px 5px;}
.organization > ul.level4 > li > .box {width: 100%; max-width:220px; display: inline-block; position: relative;}
.organization > ul.level4 > li > .box > p  {background: #2f5597; margin-bottom: 10px; text-align: center; color: #fff; line-height:22px; padding: 19px 2px; max-width:280px; font-size: 1.1em; }
.organization > ul.level4 > li > .box > p > a {color: #fff; }

.organization > ul.level4 > li > .box:before {display: block; content: ""; width: 1px; height: 40px; background: #ccc; position: absolute; left: 50%; bottom: 100%;}
.organization > ul.level4 > li:after {display: block; content: ""; width:calc(100% - 0px); width:-wekbit-calc(100% - 0px); height:1px; background: #ccc; position: absolute; left:0%; top:-40px;}

.organization > ul.level4 > li:nth-child(2):before {display: block; content: ""; width:calc(100% - 135px); width:-webkit-calc(100% - 135px); background: #fff; height: 1px; position: absolute; bottom: 100%; left: 0px; margin-bottom:39px; z-index: 9}
.organization > ul.level4 > li:nth-child(5):before {display: block; content: ""; width:calc(100% - 106px); width:-webkit-calc(100% - 106px); background: #fff; height: 1px; position: absolute; bottom: 100%; right: 0px; margin-bottom:39px; z-index: 9}
.organization > ul.level4 > li:nth-child(1):after {display: none;}
.organization > ul.level4 > li:nth-child(1) > .box:before {display: none;}
.pop_body .organization {padding: 5%;}

/* .pop_body .organization > ul.level1:after {display:block; content:""; width:1px; height:100%; background:#ccc; position:absolute; left:50%; top:0px;} */
.pop_body .organization > ul.level1 > li:after {top:-20px;}
.pop_body .organization > ul.level1 > li > .box:before {height:20px;}
.pop_body .organization > ul.level1 > li:nth-child(1) > .box:after {top:-20px;}
.pop_body .organization > ul.level1 > li:nth-child(3) > .box:after {top:-20px;}
.pop_body .organization > h3 {background: #1e2c5a; line-height:140%;  max-width:220px; padding: 15px 2px; margin-bottom:25px; position:relative;}
.pop_body .organization > h3:after {display: block; content: ""; width: 1px; height: 25px; background: #ccc; position: absolute; left: 50%; top: 100%; margin-left:-1px;}
.pop_body .organization > ul.level1 > li {width:33.3333%}
.pop_body .organization > ul.level1 > li:nth-child(3) {text-align: right}
.pop_body .organization > ul.level1 > li > .box {max-width:220px; margin:0 auto;}
.pop_body .organization > ul.level1 > li > .box > p {max-width:100%; background: #2f5597; position: relative; margin-bottom: 20px;}
.pop_body .organization .level2 > li > p  {background: #fff; position: relative; margin-bottom: 20px;}
.pop_body .organization .level2 > li > p > a {color: #4b4b4b; border: 1px solid #ccc; line-height:120%;}
.pop_body .organization > ul.level1 > li > .box > p:after {display: block; content: ""; width: 1px; height:20px; background: #ccc; position: absolute; left: 50%; top: 100%;}
.pop_body .organization .level2 > li > p:after {display: block; content: ""; width: 1px; height:20px; background: #ccc; position: absolute; left: 50%; top: 100%;}
.pop_body .organization .level2 > li:last-child > p:after {display: none;}
.pop_body .organization > ul.level1 .level2 {display:block; padding: 5px 0px 0px 0px;}
.pop_body .organization > ul.level1 .level2 > li {width:100%; padding-bottom:10px;}
.pop_body .organization > ul.level4 {}
.pop_body .organization > ul.level4 > li:nth-child(1):after {display: block;}
.pop_body .organization > ul.level4 > li {width: 33.333%; display: block !important; }
.pop_body .organization > ul.level4 > li > .box > p {background: #fff; position: relative; margin-bottom: 20px; border: 1px solid #ccc;}
.pop_body .organization > ul.level4 > li > .box > p > a {color: #4b4b4b; line-height:120%;}
.pop_body .organization > ul.level1 {padding-bottom:40px; padding-top:20px;}
.pop_body .organization > ul.level4 > li:nth-child(1) > .box:before {display: block;}
.pop_body .organization > ul.level4 > li:nth-child(2) {text-align:center;}



.pop_body .organization > ul.level4 > li:nth-child(2):before {display: none; width: calc(100% - 105px); width: -webkit-calc(100% - 105px);}
.pop_body .organization > ul.level4 > li:nth-child(3):before {display: block; content: "";width: calc(100% - 154px); width: -webkit-calc(100% - 154px); background: #fff; height: 1px; position: absolute; bottom: 100%; right: 0px; margin-bottom: 39px; z-index: 9;}
.pop_body .organization > ul.level4 > li:nth-child(1):before {display: block; content: "";width: calc(100% - 105px); width: -webkit-calc(100% - 105px); background: #fff; height: 1px; position: absolute; bottom: 100%; left: 0px; margin-bottom: 39px; z-index: 9;}
.organization > ul.level1.bottom_two {overflow:initial;}
.organization > ul.level1.bottom_two:after {display:block; content:""; clear:both;}
.organization > ul.level1.bottom_two:before {display: block; content: ""; width:1px; height:130px; background: #ccc; position: absolute;  left:50%; bottom:100%;}
.organization > ul.level1.bottom_two > li:nth-child(2):after {width:50%;}


.history_box {position: relative; overflow: hidden; padding:70px 10px 30px 10px;}
.history_box > h3 {text-align: center; font-family: 'Noto Serif KR', serif; font-size:30px; font-weight:400; padding-bottom: 10px; color: #1e2c5a;}
.history_box > ul {position: relative; padding-bottom:40px;}
.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 > li {padding-left: 50%; display: table; width: 100%; box-sizing: border-box; position: relative; padding-top:25px; padding-bottom: 25px;}
.history_box > ul > li:first-child {padding-top: 40px;}
.history_box > ul > li:nth-child(odd) {padding-left:0px; padding-right:50%;}
.history_box > ul > li:nth-child(odd) > .history_txt {padding-left: 0px; padding-right:70px;}
.history_box > ul > li:nth-child(odd) > .history_txt > ul > li{padding-left: 0px; text-align: right;}
.history_box > ul > li:nth-child(odd) > .history_txt .year_s {left: auto; right: 0px; margin: -40px -40px 0px 0px; background: #a47b3d}
.history_box .history_txt {padding-left:70px; display: table-cell; vertical-align: middle; height: 80px; position: relative;}
.history_box .history_txt .year_s {width: 80px; height: 80px; line-height: 80px; font-size:20px; display: block; font-weight:500; color: #fff; border-radius:100%; position: absolute; left: 0px; top: 50%; font-family: 'Noto Serif KR', serif; text-align: center; margin: -40px 0px 0px -40px; background: #1e2c5a}
.history_box .history_txt ul > li {line-height:150%; color:#333; font-weight:300; position: relative; min-height:24px; margin-top:10px;}
.history_box .history_txt ul > li:first-child {margin-top:0px;}

.certify {text-align: center;}
.certify > li {padding-top: 50px;}
.certify > li:first-child {padding-top:20px;}
.certify > li img {border: 1px solid #e1e1e1;}

.g_network {margin-top:70px; position: relative; padding-left:150px;}
.g_network > h3 {text-align: center; width: 150px; position: absolute; font-size:20px; margin-top: -40px; color:#1e2c5a; left: 0px; top: 50%;}
.g_network > h3 .num {width:35px; height: 56px; box-sizing: border-box; color: #fff; background: url(../img/introduce/point_bg.gif) no-repeat left top; display: block; padding-top: 5px; margin: 0 auto;}
.g_network > ul {padding-left: 40px; border-left: 1px solid #f2f2f2;}


.certification {position: relative;}
.certification > ul > li {position: absolute; left: 50%; top: 50%;}
.certification > ul > li > ul {padding-top: 5px;}
.certification > ul > li:nth-child(1) {margin-top: -60px;}
.certification > ul > li:nth-child(2) {margin:100px 0px 0px -280px;}
.certification > ul > li:nth-child(2) > ul {overflow: hidden; width: 100%; max-width:400px; }
.certification > ul > li:nth-child(2) > ul > li {float: left; width:33.333%; box-sizing: border-box;}

.map_wrap {overflow: hidden; height:446px; margin:50px 0px 30px 0px;}
.map_wrap iframe {width: 100% !important; height: 100% !important;}

.map_info {padding: 50px 0px; font-size: 1.15em; line-height: 150%;}
.map_info > li {padding: 4px 0px;}

.metro_info {text-align: left; padding-bottom:50px; padding-top: 10px; margin: 0px -20px}
.metro_info > li {display: inline-block; line-height: 30px; vertical-align: top; padding:5px 20px;}
.metro_info > li > .nosun {display: inline-block; vertical-align:top; padding: 0px 15px; position: relative;}
.metro_info > li > .nosun:before {display: block; content: ""; width: 100%; height: 3px; background: #000; position: absolute; left: 0px; top: 50%; margin-top: -2px;}
.metro_info > li > .nosun > strong {display: block; position: relative; z-index: 9; padding: 0px 15px; font-weight:300; line-height:28px; height: 30px; border-radius:20px; color: #fff;}
.metro_info > li:nth-child(1) > .nosun:before {background: #96710a;}
.metro_info > li:nth-child(1) > .nosun > strong {background: #96710a;}
.metro_info > li:nth-child(2) > .nosun:before {background: #3cb44a;}
.metro_info > li:nth-child(2) > .nosun > strong {background: #3cb44a;}
.metro_info > li:nth-child(3) > .nosun:before {background: #69a5d1;}
.metro_info > li:nth-child(3) > .nosun > strong {background: #69a5d1;}

.metro_info > li > .nosun.nosun1 > strong {background:#263c96}
.metro_info > li > .nosun.nosun1:before {background:#263c96}
.metro_info > li > .nosun.nosun7 > strong {background:#697215}
.metro_info > li > .nosun.nosun7:before {background:#697215}
.map_table th {height:43px;}


.map_info_wrap {margin:0 auto; max-width:76%; display:flex; flex-wrap:wrap; align-items: flex-start; justify-content: space-between;}
.map_info_wrap > li {display:flex; align-items:center;}
.map_info_wrap > li .ico {align-self:flex-start; margin-right:2px;}
.map_info_wrap > li .subs {flex;1; font-size:1.1em; font-weight:500;}
.map_info_wrap > li:nth-child(1) {min-width:50%}
.map_info_wrap > li .small {font-weight:300; font-size:0.9em;}

.c_btn {padding:60px 0px; border-bottom: 1px solid #f2f2f2; margin-bottom: 60px;}
.c_btn.last {border-top:1px solid #f2f2f2; border-bottom:none; margin-bottom:0px; margin-top: 60px}


.benefit {overflow: hidden; margin: -8px; padding-top:80px;}
.benefit > li {float: left; width: 33.333%; box-sizing: border-box; padding: 8px;}
.benefit > li > dl > dt {position: relative;}
.benefit > li > dl > dt .txt_t {position: absolute; left: 0px; top: 50%; width: 100%; text-align: center; color: #fff; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.benefit > li > dl > dt .txt_t > strong {display: inline-block; font-size: 1.5em; line-height:150%; font-weight:400; padding-bottom:10px; border-bottom: 3px solid #f18d00}
.benefit > li > dl > dt .txt_t .ico {display: block; padding-top: 11px;}
.benefit > li > dl > dd {text-align: center; padding-top: 20px;} 

.num_table {padding-bottom: 50px;}
.num_table > li {display: table; border-top:1px solid #dedede; width: 100%;}
.num_table > li:first {border-top:none;}
.num_table > li .cell {display: table-cell; vertical-align: middle; padding:10px 10px 10px 95px; height:140px; position: relative;}
.num_table > li .cell .num {width:70px; height: 70px; display: block; background: #a47b3d; border-radius:100%; text-align: center; line-height: 70px; color: #fff; font-size:26px; position: absolute; left: 0px; top: 50%; margin-top: -35px;}


.gray_box {background: #f2f2f2; padding:3%;}

.inquiry_box {background: #f2f2f2; text-align: center; padding: 5% 10px;}
.inquiry_box .first {font-family: 'Noto Serif KR', serif; font-size: 1.4em; font-weight: 400; line-height: 170%; padding-bottom:80px;}
.inquiry_box > dl {max-width:800px; margin: 0 auto; overflow: hidden;}
.inquiry_box > dl > dt {text-align: center; position: relative; margin-bottom: 20px;}
.inquiry_box > dl > dt:before {display: block; content: ""; width: 100%; height: 1px; background: #dfdfdf; position: absolute; left: 0px; top: 50%;}
.inquiry_box > dl > dt > strong {display: inline-block; font-size:1.5em; color: #1e2c5a; position: relative; background: #f2f2f2; line-height: 100%; font-family: 'Noto Serif KR', serif; font-weight:500; padding: 0px 20px;}


.inquiry_box > dl > dd {float: left; width: 50%; box-sizing: border-box; padding: 20px 30px; display: table;}
.inquiry_box > dl > dd .cell {display: table-cell; text-align: left; vertical-align: middle; position: relative; padding:10px 0px 10px 97px; height:60px;}
.inquiry_box > dl > dd .cell .ico {position: absolute; left: 0px; top: 50%; margin-top: -40px;}
.inquiry_box > dl > dd .cell > strong {display: block; font-size: 1.3em; color: #333333;}
.inquiry_box > dl > dd .cell a {color: #333333;}



.login_box {background: #f2f2f2; padding: 50px 20px 40px 20px; margin:60px 0px 40px 0px;}
.login_box > h3 {text-align: center; font-size: 1.25em; line-height: 140%;}
.signup_wrap {position: relative; margin:30px auto 0px auto; max-width:500px; padding: 0px 150px 0px 0px;}
.signup_wrap.no_txt_t { max-width:400px;}
.signup_wrap.no_txt_t .signup > li {padding-left: 0px;}
.signup_wrap .signup.long > li {padding-left:85px;}
.signup_wrap .signup > li {position: relative; padding-left:80px; margin-top: 10px;}
.signup_wrap .signup > li .txt_t {width:80px; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-weight: 400; color: #4b4b4b; }
.signup_wrap .signup > li .input {width: 100%; border: none; height: 40px; line-height: 38px;}
.signup_wrap .signup > li .select {width: 100%; border: none; height: 40px; line-height: 38px;}
.signup_wrap .signup > li:first-child {margin-top:0px;}

.signup_wrap .btnW {display: table; position: absolute; right: 0px; top: 0px; width: 140px;}
.signup_wrap .btnW .btn {display: table-cell; width: 100%; vertical-align: middle; color: #fff; height: 90px; text-align: center; background: #1e2c5a; font-size: 16px;}
.signup_wrap.one .btnW .btn {height:40px;}

.text_area_wrap {position: relative; padding-right:150px; position: relative;}
.text_area_wrap textarea {width: 100%; border: 1px solid #dedede }
.text_area_wrap .tv_btn {position: absolute; right: 0px; top: 0px; width:140px; height: 100%; display: table;}
.text_area_wrap .tv_btn .tv_cell {width: 100%; display: table-cell; vertical-align: middle; height: 100%; text-align: center; color: #fff; font-size: 16px; background: #1e2c5a;}

.excel_down > a {display: inline-block; background: #a47b3d; padding:12px 20px;}
.excel_down > a > span {display: block; text-align: center; padding-left: 40px; padding-right:40px; background: url(../img/common/ico_excel.png) no-repeat left center; color: #fff; position: relative;}
.excel_down > a > span:after {display: block; content: ""; width:25px; height: 22px; background: url(../img/common/ico_down4.png) no-repeat right center; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}


.pr_list {padding-top: 10px;}
.pr_list > ul {margin: -20px -13px; overflow: hidden;}
.pr_list > ul > li {width:25%; padding:20px 13px; float: left; box-sizing: border-box;}
.pr_list > ul > li > a {display: block}
.pr_list > ul > li > a .pic {display: block; box-sizing: border-box; width: 100%; padding-bottom:127.85%; position: relative; overflow: hidden;}
.pr_list > ul > li > a .pic img {max-width:100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.pr_list > ul > li > a:hover .pic:before {display: block; content: ""; width: 100%; height: 100%; background:#000; opacity: 0.5; position: absolute; left: 0px; top: 0px; z-index: 9}
.pr_list > ul > li > a:hover .pic:after {display: block; content: ""; width:80px; height:80px; background:url(../img/customer/view.png) no-repeat left top; position: absolute; left:50%; top:50%; z-index:10; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%)}
.pr_list > ul > li .txtW {border: 1px solid #f2f2f2; padding: 15px 15px; min-height:160px; font-size:14px;}
.pr_list > ul > li .txt_t {display:block; font-size: 16px; text-align: center; font-weight: 400; padding-bottom: 5px;}

.food_detail {background: #fff;}
.food_detail .detail_con {padding: 30px; position: relative; line-height: 150%;}

.fax_app {padding: 50px 20px; background: #f2f2f2; margin-top:80px;}
.fax_app > h4 {font-family: 'Noto Serif KR', serif; color: #a47b3d; font-size: 24px; line-height: 140%;}
.fax_app .bt_down {text-align: center; padding-top: 15px;}
.fax_app .bt_down .btnNormalB span {padding: 0px 22px; height:50px; line-height:49px; font-size:18px; padding-right:40px; background: url(../img/common/ico_down4.png) no-repeat right center;}
.fax_app .bt_down .btnNormalB {width: 100%; max-width:300px; background: #a47b3d;}
.fax_app > dl {max-width:945px; margin: 0 auto; padding-left:115px; position: relative; box-sizing: border-box; margin-top:50px; }
.fax_app > dl > dt {position: absolute; left: 0px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size: 1.2em; line-height: 140%; font-weight:300 }
.fax_app > dl > dd {border-left:1px solid #e2e2e2; padding-left: 20px;}


.pr_group  {overflow: hidden; max-width:430px; }
.pr_group  > li {box-sizing: border-box; float: left; padding-left:20px; position: relative;}
.pr_group  > li:first-child {padding-left:0px; }
.pr_group  > li:nth-child(1) {width: 35%; padding-top:5px;}
.pr_group  > li:nth-child(2) {width: 30%; padding-top:5px;}
.pr_group  > li:nth-child(3) {width: 35%; padding-right: 20px;}
.pr_group  > li .pa {position: absolute; right: 0px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}

.mark_downW {border-top:2px solid #2f5597; border-bottom:2px solid #2f5597;}
.mark_downW .mark_down {padding:40px 0px 20px 0px; border-top:1px solid #dedede;}
.mark_downW .mark_down:first-child {border-top:none;}
.mark_downW .mark_down > ul {overflow: hidden; padding-top: 10px; margin: 0 auto; max-width:660px;}
.mark_downW .mark_down > ul > li {float: left; width: 50%; box-sizing: border-box; padding:5px 10px; text-align: center;}
.mark_downW .mark_down > ul > li > a {display:block; background: #a47b3d; padding:12px 20px;}
.mark_downW .mark_down > ul > li > a > span {display:inline-block; padding-right:40px; color: #fff; position: relative; background: url(../img/common/ico_down4.png) no-repeat right center;}


.ir_process {padding:60px 0px;}
.inquiry_box.reception {color: #1e2c5a}
.inquiry_box.reception .first {padding-bottom: 40px;}
.inquiry_box.reception .tel {overflow: hidden;  padding-bottom: 10px; margin: 0px -25px; margin: 0 auto; max-width:730px }
.inquiry_box.reception .tel > li {font-size: 1.15em; line-height: 140%; float: left; padding: 5px 25px;}
.inquiry_box.reception .tel > li a {color: #1e2c5a;}

.num_step > li {position: relative; padding:40px 0px 40px 90px; border-bottom:  1px solid #dedede}
.num_step > li .num {width:70px; height: 70px; border-radius: 100%; background: #1e2c5a; overflow: hidden; text-align: center; line-height: 70px; color: #fff; font-size:26px; position: absolute; left: 0px; top: 50%; margin-top: -35px;}
.num_step > li > div > h4 {font-size: 1.25em; color:#053b99;  font-weight: 400;line-height: 140%; padding-bottom: 5px;}
.num_step > li.red > div > p {color:#242424 !important;}
.num_step > li.red .num {background: #e8380d}
.num_step > li.red > div > h4 {color: #e8380d;}

.newsletter_write {background:#f0f5fa; padding:5%; margin:30px 0px 70px 0px;}
.newsletter_write .input_group {overflow:hidden; margin:-15px -40px; padding-bottom:50px;}
.newsletter_write .input_group > li {float:left; width:50%; box-sizing:border-box; padding:15px 40px; }
.newsletter_write .input_group > li > p {position:relative; padding-left:85px; line-height:40px;}
.newsletter_write .input_group > li > p > label {font-weight:400; position:absolute; left:0px; top:0px; color:#333;}
.newsletter_write .input_group > li > p > label .point_c {color:#056fb9 !important}
.newsletter_write .input_group > li > p .input {height:38px; border:none; line-height:38px;}
.newsletter_write .small {font-size:0.9em;}

.news_customer {text-align:center;}
.news_customer dt {font-weight:300; padding-bottom:10px;}
.news_customer dd > ul {text-align:center;}
.news_customer dd > ul > li {display:inline-block; padding:5px 15px; color:#4b4b4b;}
.news_customer dd > ul > li a {color:#4b4b4b}
.news_customer dd > ul > li .tel {padding-left: 40px; background: url(../img/test/ico_tel.png) no-repeat left top; min-height: 27px;}
.news_customer dd > ul > li .mail {padding-left: 40px; background: url(../img/test/ico_mail.png) no-repeat left top; min-height: 27px;}

.logomark {margin-top:1.5em; background:#f1f1f1; display:flex; align-items:center; min-height:300px; padding:10px; box-sizing:border-box;}
.logomark > dl {width:100%; display:flex; flex-wrap:wrap; align-items:center;}
.logomark > dl > dt {width:35%; border-right:1px solid #dadada; text-align:center; padding:0px 10px; box-sizing:border-box;}
.logomark > dl > dd {flex:1; padding-left:5%;}
.logomark > dl > dd > ul {display:flex; flex-wrap:wrap; }
.logomark > dl > dd > ul > li {width:33.3333%; padding:10px; box-sizing:border-box; text-align:center;}
.logomark > dl > dd > ul > li .ico {display:block; padding-bottom:10px;}
.logomark > dl > dd > ul > li p {font-weight:500; color:#333333}

.logo_size {padding:10px 0px 0px 0px;}
.logo_size > ul {display:flex; flex-wrap:wrap; margin:-20px;}
.logo_size > ul > li {width:50%; box-sizing:border-box; padding:20px; align-items:center; display:flex; flex-wrap:wrap;}
.logo_size > ul > li .img {width:fit-content;}
.logo_size > ul > li .info {flex:1; max-width:300px; padding-left:25px;}

.logo_type_wrap {display:flex; flex-wrap:wrap; padding-top:30px; margin:-20px;}
.logo_type_wrap > div {width:50%; padding:20px; box-sizing:border-box; }

.logo_down {margin-top:30px; padding-top:30px; padding-bottom:50px; border-top:1px solid #d7d7d7}
.logo_down > ul {display:flex; flex-wrap:wrap; margin:-5px; justify-content: center;}
.logo_down > ul > li {padding:5px; width:50%; box-sizing:border-box; max-width:220px;}
.logo_down > ul > li > a {display:flex; height:40px; border:1px solid #1e2c5a; align-items:center; justify-content:center; color:#333333;}
.logo_down > ul > li > a img {margin-left:5px;}

.color_system {border:1px solid #d7d7d7; padding:30px;}
.color_system > ul {display:flex; flex-wrap:wrap; margin:-15px; justify-content: center;}
.color_system > ul > li {padding:15px; width:33.333%; box-sizing:border-box; max-width:230px;}
.color_system .color {padding-bottom:100%;}
.color_system .info {border:1px solid #efefef; border-top:none; line-height:1.4em; padding:10%; color:#333333}
.color_system .info > ul > li:not(:first-child) {margin-top:5px;}




.radio_group {margin:-5px 0px 0px -15px;}
.radio_group > li {display: inline-block; 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; position: relative; margin-top: 30px; overflow: hidden;}
.btn-tc .pa_right {position: absolute; right: 0px; top: 0px;}
.btn-tc > a {margin: 0px 10px;}
.btn-tl {text-align: left; padding: 30px 0px; margin-top: 30px;}
.btn-tr {text-align: right; padding: 30px 0px; margin-top: 30px;}

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


/*atab*/
.atab { margin-bottom:40px; padding-top: 10px; margin-left: 1px;}
.atab:after {clear:both; display:block; content:"";}
.atab li {float:left; width:20%; box-sizing:border-box; position:relative; display: table; margin: -1px -1px 0px -1px }
.atab li a {display:table-cell; width: 100%; height:50px; vertical-align: middle; font-weight: 400; background:#fff; font-size:1em; line-height: 130%; padding:0px 0px; text-align:center; color:#000000; box-sizing:border-box; border:1px solid #dfdfdf;}
.atab.big li a {height:70px;}
.atab li:first-child a {border-left:1px solid #dfdfdf;}
.atab li.on a {border-bottom:2px solid #1e2c5a !important;}
/*.atab li.on a:after {display: block; content: ""; width: 20px; height: 20px; background: #fff; position: absolute; left:50%; bottom:-20px; transform: rotate(45deg) translateX(-50%);}*/


.atab.two li {width:50%;}
.atab.three li {width:33.33%;}
.atab.four li {width:25%; margin:0px;}
.atab.seven li {width:12.5%;}
.atab.eight li {width:12.5%;}
.atab.nine li {width:11.0%;}
.atab.two_row > li {margin: -1px 0px 0px -1px}
.atab.two_row > li.on {margin-top:-1px;}
.atab.two_row > li.on a {height: 50px;}
.atab.two_row > li > a {border-left:1px solid #cccccc;}

.atab.four li:not(:first-child) a {border-left:none;}


.btab {padding-top: 10px; margin: 0 auto; margin-bottom: 40px; font-size: 0px; text-align: center}
.btab:after {clear:both; display:block; content:"";}
.btab li {display: inline-block; margin: -1px -1px 0px -1px; min-width:15%; box-sizing:border-box; position:relative;}
.btab li a {display:block; padding:10px 15px; height: 50px; text-align:center; border: 1px solid #e0e0e0; color:#000000; box-sizing:border-box; font-size: 16px; background: #fff;}
.btab li.on a {border-bottom:3px solid #b49759;}

.btab.two li {width:50%;}

.ctab {padding-bottom:1.5em; display:flex; justify-content:center;}
.ctab > li {flex:auto; text-align:center; position:relative;}
.ctab > li:not(:first-child):before {display:block; content:""; width:2px; height:80%; background:#1e2c5a; position:absolute; left:0px; top:50%; transform:translateY(-50%);}

.ctab > li.on > a {color:#056fb9}
.ctab > li > a {display:inline-block; font-size:20px; line-height:1.4em; font-weight:500; color:#333333}


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

/* 레이어팝 */
#black2 {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:99;}
#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 .pop_wrap_in {width:100%; margin: 0 auto; position: relative;}
.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: #b49759; position: relative;}
.pop_wrap .pop_head .title {font-size:22px; line-height:150%;  color: #fff; padding:18px 45px 20px 25px; text-align: left; font-weight:500;}
.pop_wrap .pop_head .title.tc {padding-left:45px;}
.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:100%; cursor: pointer; background: #b49759; width: 60px; height: 60px; box-sizing: border-box; padding:17px;}
.pop_wrap .x_btn3 {position: absolute; right:0px; bottom:-42px; }
.pop_body .btn-tc {padding: 20px 0px 0px 0px; margin-top:15px;}
.pop_body .btn-tc > a {margin: 0px 10px;}




/* 팝업 */
.main_layer_pop {position: absolute; left:0;  top:100px; z-index: 9999}
.main_pop_bottom {background: #fff; font-weight: 300; color: #000; position: relative; font-size: 14px; box-sizing:border-box; }
.main_pop_bottom > form {display:flex; justify-content: space-between;} 
.main_pop_bottom > form > label {padding:10px;}
.main_pop_bottom .ez-checkbox {width:19px; height:19px;}
.main_pop_bottom .close {color:#fff; background:#333333; display:flex; align-items:center; justify-content: center; width:110px; position:relative;}
.main_pop_bottom .close:after {content:"×";}
.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;}

.popup_scroll {max-height:700px; overflow-x:hidden; overflow-y:auto;}

.layers_wrap {background:#FFF; position:relative; min-width:300px;}
.layers_wrap .layers_tit {width:100%; padding:15px 0px; line-height:150%; background:#333;  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:#dfdfdf; 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;}


.ico_notice {display: inline-block; vertical-align: middle; padding:4px 10px; background: #ed2129; line-height:20px; color: #fff; }
.ico_note {padding-left:36px; min-height: 27px; line-height: 140%; position: relative; margin-top:20px; background: url(../img/common/ico_note2.png) no-repeat left 0px;}
.ico_time {padding-left:40px; min-height: 27px; line-height: 140%; position: relative; background: url(../img/common/ico_time.png) no-repeat left 0px;}





.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;}


.certificate_wrap .tab_area {background:#f4f4f4}
.certificate_wrap .inner_navi {font-size: 15px; background:#fff; padding:13px 29px; border:1px solid #dfdfdf; border-top:none;}
.certificate_wrap .list_w {margin:-13px 0px;}
.certificate_wrap .list_w > li {padding:10px 0px; display:flex; align-items:center;}
.certificate_wrap .list_w > li .cate {padding:5px 0px; min-width:90px; font-weight:600; align-self:flex-start}
.certificate_wrap .list_w > li:not(:first-child) {border-top:1px solid #dfdfdf;}
.certificate_wrap .list {flex:1; width:100%; display:flex; flex-wrap:wrap;}
.certificate_wrap .list > li {min-width:11.1111%; box-sizing:border-box; padding:5px;}
.certificate_wrap .list > li > a {font-weight: 300; color: #333; line-height: 1.3em; display:inline-flex; height:26px; align-items:center; padding:0px 0.8em;}
.certificate_wrap .list > li > a.active {background:#056fb9; color:#fff}

.certify_wrap .certify {padding:50px 30px 60px 30px; max-width:810px; margin:0 auto;}
.certify_wrap .certify > img {box-shadow: 10px 10px 1px #d0d5d7;}
.certify_wrap .certify > img:not(:first-child) {margin-top:50px;}




/* ------------------------------------------------------------
 * 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: #6fb252; margin-left: 10px;}
.down_file > span {display: block; padding-left:23px; background: url(../img/common/ico_file.png)no-repeat left center;}
.down_file:first-child {margin-left:0px;}





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

}




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

/* 1220px 이하 */
@media screen and (max-width:1219px) {
	.w_gnb {display:none;}	

    #footerW .go_top {right: -100px; transition: all 0.3s 0s ease-in-out; -webkit-transition: all 0.3s 0s ease-in-out;}
    
    #inner_wrap {padding:0px 10px 70px 10px;}
    #inner_wrap.no_visual {padding-top:70px;}
  /*   .top_menu {right: 10px;} */

    .copy_wrap .copy {padding-left:10px;}
    .organization > ul.level1 > li:nth-child(1):before {width: 104px;}
    
    
    .organization > ul.level4 > li {width: 25%; text-align: center;}
    .organization > ul.level4 > li:nth-child(1) {display: none;}
    .organization > ul.level4 > li:nth-child(2):before {width: 50%;}
    .organization > ul.level4 > li:nth-child(5):before {width: 50%;}

	.main_quick_wrap .icons > li {width:25%}
/*	.main_quick_wrap .icons > li .ico img {width:40px;}*/
    
        .main_quick_wrap .main_quick {float: none; width: 100% !important;}
    .main_quick_wrap .main_quick .quick_in {max-width: 100%;}
    .main_quick_wrap .main_quick .quick_in > h3 {font-size: 30px;}
    .main_quick_wrap .main_quick .quick_in {min-height:auto; padding-bottom:30px;}
	.main_quick_wrap .main_quick .quick_in .quick_tit_wrap {min-height:auto;}
    
    .main_board {flex-wrap: wrap; max-width:670px; margin:-25px auto}

    .main_board > div {width: 100%; max-width: inherit; padding: 25px;}
    .main_board > div.box3 {width: 100%; max-width: inherit}
    
    
    .main_banner {flex-wrap: wrap; max-width:670px; margin:-25px auto}
    .main_banner > div {width: 100%; max-width: inherit}
    
     .main_banner > div {float: none !important; width: 100% !important;}
    
    .main_banner .ban03 .ban03_1 .ban_in {background: url(../img/main/m_it.jpg) no-repeat right bottom #1e2c5a; background-size:cover}
    .main_banner .ban03 .ban03_2 .ban_in {background: url(../img/main/location.jpg) no-repeat right -30px #5b5e67}
  
    

	.main_banner .ban03 .ban03_3 .ban_in {background: url(../img/main/news.jpg) no-repeat right -8px #2f85c2;}
    .main_banner .ban03 .ban03_4 .ban_in {background-position:90% center}  
    .main_banner .ban03 .ban03_5 .ban_in a {}
    .main_banner .ban03 .ban03_5 .ban_in {background: url(../img/main/movie.jpg) no-repeat right -86px #fff; background-size: 40% auto;}
    
    
    
/*
    .main_banner .ban03 .ban03_1 .ban_in {background: url(../img/main/m_it.jpg) no-repeat right bottom #1e2c5a; text-align: center; background-size:cover}
    .main_banner .ban03 .ban03_2 .ban_in {min-height:225px; text-align: center;background: url(../img/main/m_location.jpg) no-repeat left bottom #3d3d47;  background-size:cover}

    
    .main_banner .ban03 .ban03_2 .ban_in .txt_t:before {left: 50%; margin: 24px 0px 0px 70px;}
    
    .main_banner .ban03 .ban_in a {min-height:275px; }
	.main_banner .ban03 .ban03_3 .ban_in {text-align: center;background: url(../img/main/m_news.jpg) no-repeat left bottom #2f85c2;  background-size:100% auto}
    .main_banner .ban03 .ban03_3 .ban_in .txt_t:before {left: 50%; margin: 24px 0px 0px 70px;}
      
    .main_banner .ban03 .ban03_5 .ban_in a {min-height: 275px; padding-top: 40px;}
    .main_banner .ban03 .ban03_5 .ban_in {background: url(../img/main/movie.jpg) no-repeat right center #fff; background-size: 50% auto; }
        
*/

}


/* 980px 이하 */
@media screen and (max-width:979px) {
    #wrap {padding-top: 79px;}
    
    .main_visual #proprev1 {left: 1%}
    .main_visual #pronext1 {right: 1%}
    .main_visual .v_frame {height:600px;}
    .main_visual .v_txt .txt1 {font-size: calc(40 / 980 * 100vw)}
    
   

    .m_gnb_on {display: block;}
    .w_gnb {display:none;}
	#gnb_bar {display:none !important;}

    

    
    .main_quick_wrap {position: relative; left: auto; bottom: auto;}
    
    .m_tit {font-size:27px; padding-bottom: 20px;}
   
    .main_banner {}
   
	.main_quick_wrap .icons > li {width:20%}
	.main_quick_wrap .icons > li .ico img {width:auto;}
	 .main_visual .v_txt {font-size: 17px}
    .main_quick_wrap .main_quick {float: none; width: 100% !important;}
    .main_quick_wrap .main_quick .quick_in {max-width: 100%;}
    .main_quick_wrap .main_quick .quick_in > h3 {font-size: 30px;}
    .main_quick_wrap .main_quick .quick_in {min-height:auto; padding-bottom:30px;}
	.main_quick_wrap .main_quick .quick_in .quick_tit_wrap {min-height:auto;}
    .inner {padding: 0px 10px;}

    .sub_txt {font-size: 14px;}
    
    .main_visual .bx-controls {bottom: 20px;}

    #footer .f_logo {min-width: inherit; width: 100%; text-align: center}
    #footer .addressW {flex: initial; width: 100%; padding: 20px;}
    #footer .addressW address {flex-direction: column;}
    #footer .addressW .blog {right: 20px;}


    #footer .as_center {padding: 10px; margin-top:20px;}
    #footer .as_center .txt_t {background: url(../img/common/ico_tel.png) no-repeat left top; padding: 8px 0px 15px 45px; background-size:40px auto; }
    #footer .as_center > ul {font-size: 13px; padding-top: 5px; margin: -3px -10px;}
    #footer .as_center > ul > li {padding: 3px 10px;}
    #footer .as_center > ul > li:after {height: 10px; margin-top: -5px;}
    .main_company {display: none;}
    
    
    .title_bar {padding-top: 20px;}
    
    .sub_visual {height: 250px;}
  
     
    #lnb_title {display: none;}
    #lnb_wrap .lnb {padding-left: 50px;}
    #lnb_wrap .ico_home {float: none; position: absolute; left: 0px; top: 0px;}
    #lnb_wrap .lnb .lnbs {width: 40%; box-sizing: border-box;}
    #lnb_wrap .lnb .lnbs2 {width:60%; margin-left: 0px;}
    #lnb_wrap .lnb .lnbs2 .copy_menu {width: 100%}
    .location {display: none;}


    .aabb .img {position: relative; right: auto; bottom: auto;}
    
    .edit_sub_page .p_list > li {width: 50%;}
    .edit_sub_page .ico_box > ul > li {min-width: 20%}
    
    .introduce {padding-left: 0px;}
    .introduce .first {position: relative; left: auto; top:auto; padding:50px 0px 40px 0px; font-size: 1.5em; display: inline-block; position: relative;}
    .introduce .first:before {position: absolute; left: 0px; top:20px;}
    .introduce .first:after {display: inline-block; margin: 0px; vertical-align: bottom; margin:10px 0px 0px 10px;}
    .introduce .first br {display: none;}
    
    .certification > ul > li {position: relative; left: auto; top:auto; padding-top: 30px;}
    .certification > ul > li > ul {padding-top: 5px;}
    .certification > ul > li:nth-child(1) {margin-top:0px;}
    .certification > ul > li:nth-child(2) {margin:0px;}
    .certification > ul > li:nth-child(2) > ul {max-width: 100%}
    .certification > ul > li:nth-child(2) > ul > li {width:25%;}


    .pop_body .organization > ul.level1 > li > .box {max-width: none;}
    .pop_body .organization > ul.level4 > li > .box {max-width: none;}
    
    .pop_body .organization > ul.level1 > li:nth-child(3):before {width: 50%}
    .pop_body .organization > ul.level1 > li:nth-child(1):before {width: 50%}
    .pop_body .organization > ul.level4 > li:nth-child(2):before {width: 50%}
    .pop_body .organization > ul.level4 > li:nth-child(3):before {width: 50%}
    .pop_body .organization > ul.level4 > li:nth-child(1):before {width: 50%}
 
    
    .pr_list > ul {margin:-10px -15px;}
    .pr_list > ul > li {padding:10px 15px;}
    .pr_list > ul > li {width:33.3333%;}
	
	.logo_size > ul > li {align-items: flex-start; align-content: flex-start;}
	.logo_size > ul > li .img {width:100%; text-align:center;}

	.logo_size > ul > li .info {padding-top:10px; padding-left:0px; margin:0 auto; text-align:center;}
	
    
}

/* 768 이하 */
@media screen and (max-width:767px) {
    .main_wrap {font-size: 15px;}
    .main_visual .v_bt {display: none;}

    .main_banner .brochure {padding-left:10px; padding-right: 10px;}
    .main_banner .tabs {overflow-x: auto; overflow-y: hidden;}
    .main_banner .tabs > li {min-width: max-content; padding: 0px 8px;}
   
    .main_banner .brochure_wrap .ban_in {padding-bottom: 20px;}
   

    
    
    
    .section {font-size: 14px;}
    
    .section {padding:40px 0px;}
  
    
    .m_tit_txt {font-size: 15px;}
    
    .sub_wrap_1 #lnb_wrap .lnb .lnbs2 {position: initial;}
    .sub_wrap_2 #lnb_wrap .lnb .lnbs2 {position: initial;}
    .sub_wrap_3 #lnb_wrap .lnb .lnbs2 {position: initial;}
    

    
	.sub_con {font-size:15px;}
	
    .title_bar {margin-bottom:35px; padding:25px 0px 20px 0px;}
	.title_bar h2 {font-size:27px;}
    .title_bar .s_txt {font-size: 1.15em;}
    .s_tit {font-size:22px;}
	.b_txt {font-size:18px;}
    .b_tit {font-size: 18px; padding:30px 0px 10px 0px;}
    .sss_tit {font-size:16px; margin-top:50px;}
    .sub_dl > dt {font-size:15px;}
	.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:25px; background-size:20px auto; }
   
    
    #sub_tit {font-size:40px;}
    .sub_tit_s {font-size: 20px;}
        
        
    .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 a {font-size:14px; height: 55px;}
    .atab li.on a:after {width:16px; height:16px; bottom: -18px;}

    .btn-tc > a {margin: 0px;}
    
    .find_cell {padding-right: 0px !important}
    .find_cell .cell {float: left; width: 50%; box-sizing: border-box;}

    .find_cell .bt {display: block; position: relative; right:auto; top:auto; width: 100%; clear: both; padding-top: 5px;}
    

	.ctab > li > a {font-size:16px;}


    
    .sub_dl {padding-top:30px;}

    .app_down {padding-left: 160px; min-height: 135px;}
    .app_down .app_img {width: 130px;}
    .app_down > ul > li {padding: 10px 5px;}
    .app_down > ul > li {padding: 10px 5px;}
    .app_down > ul > li .ico img {max-width:90%;}
    
    .introduce .first:after {background-size:20px auto; width: 20px; height: 20px;}
    .introduce .first:before {background-size:20px auto; width: 20px; height: 20px;}
    
    .edit_sub_page .edit_tit {font-size:22px}
    .edit_sub_page .edit_s_tit {font-size: 18px}
    .edit_sub_page .br_box {padding:20px 25px;}
    .edit_sub_page .b_txt {font-size: 17px;}
    .edit_sub_page .edit_tit {padding-top: 50px;}
    .edit_sub_page .bb_txt {font-size: 18px;}
    
    .edit_sub_page .p_list > li {padding: 5px 10px 5px 28px; float: none; width: 100%;}
    .edit_sub_page .p_list > li .num {width: 22px;height: 22px;line-height:22px; font-size: 13px; top:6px;}
    
    .edit_sub_page .ico_box > ul > li > a .txt {font-size:15px;}
    
    .edit_sub_page .photo > li {width: 50% !important; }
    .edit_sub_page .mark_list > li {width:25%;}
    
    .ptb > dl {font-size:1em; padding: 0px; text-align: center;}
    .ptb > dl > dt {position: relative; left: auto; top: auto; width: 100%; transform: none; -webkit-transform: none;}
    .ptb > dl > dt > p {position: relative; left: auto; top: auto; width: 100%; padding: 10px 0px; transform: none; -webkit-transform: none;}
    .ptb > dl > dd {float: none; display: inline-block; padding: 10px;}
    
    .declaration > ul {float: none; width: 100%; padding: 0px;}
    .declaration > .img {float: none; width: 100%; padding: 0px 0px 0px 0px; text-align: center}
    .declaration > ul:before {left: 40px;}
    
    .organization > ul.level1 > li {text-align: center;}
    .organization > ul.level1 > li:nth-child(1):before {width: 50%}
    .organization > ul.level1 > li:nth-child(3):before {width: 50%}
    
    .organization > ul.level1 > li > .box > p {font-size: 14px;}
    .organization .level2 > li > p {font-size: 14px;}
    .organization > ul.level4 > li > .box > p {font-size: 14px;}
    .organization .level3 {font-size:13px; min-height: auto !important;}
    

    .map_wrap {margin-bottom: 20px;}
    
    .num_table > li .cell {height:100px;}

    .inquiry_box {padding: 20px;}
    .inquiry_box .first {padding: 20px 0px 50px 0px;}
    .inquiry_box > dl > dd .cell {padding:0px; text-align: center}
    .inquiry_box > dl > dd .cell .ico {position: relative; left: auto; top: auto; margin: 0px; display: block; text-align: center; padding-bottom: 10px;}
    
    
    .pr_list > ul > li {width:50%;}
    
    .newsletter_write {text-align:center;}
	.newsletter_write .input_group > li {float:none; width:100%; text-align:left; padding:10px 0px;}
    .newsletter_write .input_group {margin:0 auto; max-width:600px; padding-bottom:20px;}
    
	.logomark {padding:20px 10px;}
	.logomark > dl > dt {width:100%; padding:20px 0px; border-right:none;}
	.logomark > dl > dd {padding:0px;}
	
	.map_info_wrap {max-width:100%}
	.map_info_wrap > li {width:100%}
	.map_info_wrap > li:not(:first-child) {margin-top:1em}
    
}
/* 600 이하 */
@media screen and (max-width:599px) {
    #header .in_header .blog img {height:21px;}
    #header h1 {left:10px; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
    #header h1 img {height:36px;}
    .main_board > div {float: none; width: 100%;}
    .top_menu > li > a {border: 1px solid #dedede; height:28px; padding: 3px 10px; min-width: 75px;}
    .top_menu .over {top: 100%;}
   
    .main_visual .v_txt .txt2 {display: none;}
    
    .m_th_b {width:135px !important;}
	.m_th {width:115px !important;}
    .m_th_s {width:95px !important;}
    .m_th_ss {width:75px !important;}
    
    
    
    .certificate .left {width: 100%; max-width: inherit; min-height:inherit;}
    .certificate .custom-dots {border-radius:0px 0px 30px 30px; padding: 20px; min-height: inherit }
    .certificate .custom-dots .slick-dots {display: flex !important; flex-wrap: wrap;}
    .certificate .custom-dots .slick-dots > li.slick-active button:after {display: none;}
    
    #certificate1 .custom-dots .slick-dots > li:nth-child(6) {margin-top:0px;}
	#certificate1 .custom-dots .slick-dots > li:nth-child(5) {width:66.666666%}
    #certificate1 .custom-dots .slick-dots > li {width: 33.333%; box-sizing: border-box}
    #certificate1 .custom-dots .slick-dots > li:nth-child(1):before {top: 2px;}
    #certificate1 .custom-dots .slick-dots > li:nth-child(6):before {top: 2px;}
    


    
    
    #footer .f_logo img {max-width: 40vw}
    #footer .addressW address > dl > dt {width:100%;}
    #footer .addressW {font-size: 12px; background-size:80px auto;  padding-bottom: 40px;}
    #footer .addressW .copy {font-size: 12px;}   

    #footer .as_center {margin-top: 10px;}
	#footer .addressW address .line {display:none;}
	#footer .addressW img {height:18px;}

    .pop_wrap .pop_head .title {font-size:18px !important; color: #fff; padding: 17px 55px 18px 15px !important;}
    .pop_wrap .pop_body {padding:10px;}
   
    
   
	#w_lnb {display:none;}
	#m_lnb {display:block;}
    
     .login_wrap {padding:15px;}

    

    .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;}

    .join_step {margin-bottom: 10px;}
    .join_step > ol > li .num {font-size: 14px;}
    .join_step > ol > li .txt {font-size:18px;}
    
    .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;}
    
    .guide_tab > li {width:33.33%;}
 
    
    .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;}
    
    .atab.seven li {width:20%;}
    

    
    
    #main_popup {-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;}
    .main_pop_wrap {width: 100%; height: 100%; padding: 15px; display: table; position: relative; margin: 0 auto; box-sizing: border-box;}
    .main_pop_cell {display: table-cell; vertical-align: middle; position: relative;}
    
    .btn-tc .pa_right {position: relative; right: auto; top: auto; float: right;}
    
    .present_info > dl > dd .txt {min-width: 83px; padding: 6px 10px; font-size: 14px;}
    .present_info > dl > dd {font-size: 1.1em;}
    
    .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;}
    
    .history_box {padding:50px 0px 30px 0px;}
    .history_box > ul:before {left:30px;}
    .history_box > h3 {text-align: left; font-size: 25px;}
    .history_box > ul > li {text-align: left; padding-left:40px !important; padding-right: 0px !important}
    .history_box .history_txt .year_s {width:60px; height: 60px; line-height: 60px; font-size:16px; margin: -30px 0px 0px -40px; background: #1e2c5a;}
    .history_box > ul > li:nth-child(odd) > .history_txt .year_s {left:0px; right: auto; margin: -30px 0px 0px -40px;}
    .history_box .history_txt ul > li {text-align: left !important}
    .history_box .history_txt {padding-left:40px !important; padding-right: 0px !important}
    .history_box > ul > li {padding-top: 20px; padding-bottom: 20px;}
    .history_box .history_txt ul > li {min-height:20px; margin-top:5px; padding-left: 7px !important; text-indent: -7px;} 
    
    .g_network > h3 {width: auto; text-align: left; position: relative; left: auto; top: auto; font-size: 18px;}
    .g_network {padding-left: 0px;}
    .g_network > h3 .num {margin: 0px; display: inline-block; text-align: center; margin-right: 10px;width: 24px; height:40px; background-size:24px auto; vertical-align: middle; font-size:13px; padding-top:0px;}
    .g_network > ul {border: none; padding-left: 0px;}
    
    .benefit {max-width:390px; margin: 0 auto; padding-top: 50px;}
    .benefit > li {float: none; width: 100%;}
    .benefit > li > dl > dd {padding-top: 10px; padding-bottom: 10px;}
    
    .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;}
    
    .fax_app > dl {padding-left: 0px; margin-top: 30px;}
    .fax_app > dl > dt {position: relative; font-weight: 400; left: auto; top: auto; transform: none; -webkit-transform: none;}
    .fax_app > dl > dd {padding-left: 0px; border: none;}
    
    .mark_downW .mark_down > ul {max-width: 350px;}
    .mark_downW .mark_down > ul > li {float: none; width: 100%;}
    
    .edit_sub_page .ico_box > ul > li {min-width:25%}
    
    .iso13485 > li {width: 50%}

	.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 {font-size:14px; width:50%}

	.main_layer_pop .pop_wrap_in {float:none !important;}
	.main_layer_pop .pop_wrap_in .main_pop_content img {width:50%}
	.main_layer_pop_inner .cell {padding:10px;}
  
	 .main_layer_pop_wrap  {-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_layer_pop {position:relative; background:none;}
}



/* 480px 이하 */
@media screen and (max-width:479px) {
    .section {font-size: 13px;}
    .main_wrap {font-size:14px;}
    #wrap {padding-top:64px; transition: all 0.3s 0s ease-in-out;}

    .in_header {height:64px;}

   .top_menu {font-size:12px;}
    
    
    
    
    .slide_menu_wrap .gnb > ul > li > a {font-size:16px; padding: 10px 10px 10px 5px;}
    
        .main_visual .v_frame {height:400px;   padding: 10px; }
       
    .main_visual .v_txt .txt1 {font-size: calc(22 / 480 * 100vw);}
    
    .main_visual .bx-wrapper .bx-pager.bx-default-pager a {width: 5px; height: 5px; margin: 0px 3px;}
    .main_visual .bx-controls {bottom: 0px;}
    .main_quick_wrap .main_quick .quick_in {height: auto; padding-top: 30px;}
    .main_quick_wrap .main_quick .quick_in > h3 {font-size: 26px;}
	.main_quick_wrap .main_quick:nth-child(2) .quick_in h3 {font-size: 26px;}
    .main_quick_wrap .main_quick .quick_in > .txt_s {font-size:11px;}
    .main_quick_wrap .main_quick #quick_tab2 > li {width:20%;}
    .main_quick_wrap .icons > li .txt {font-size: 13px;}
	.main_quick_wrap .icons > li .ico {max-width:62px;}
    .section {padding: 30px 0px;}
   
    #section2 {background: none; padding-top: 0px;}
    #section2 .inner > .m_tit {display: none;}
    #section2 .inner > .m_tit_txt {display: none;}
	.main_banner .tabs > li > a {font-size:13px;}
    .main_banner > div {padding: 25px 10px;}
    .main_board > div {padding: 25px 10px;}
	.certificate .right {padding: 10px 30px;}
	.main_banner .brochure > li span {font-size:13px;}

/*
    .main_banner .ban03 .ban03_5 .ban_in .icr_tit {display: inline-block; position: relative; padding:25px 0px 0px 15px; vertical-align: top; text-align: left;}
    .main_banner .ban03 .ban03_5 .ban_in .icr_tit > strong  {display:block}
    .main_banner .ban03 .ban03_5 .ban_in .ce {display: inline-block; position: relative;  padding: 30px 15px 0px 0px; float: right; vertical-align: top;}
    .main_banner .ban03 .ban03_5 .ban_in .ce img {height:53px;}
    .main_banner .ban03 .ban03_5 .ban_in video {display: none;}
    .main_banner .ban03 .ban03_5 .ban_in .m_movie {display: block; margin-top: -50px;}
    .main_banner .ban03 .ban03_5 .ban_in {padding:0px; min-height: auto;}
    .main_banner .ban03 .ban03_5 .ban_in .icr_tit > strong {font-size:22px;}
    .main_banner .ban03 .ban03_5 .ban_in .ce img {height:32px;}
*/    
    .main_banner .ban03 .ban03_5 .ban_in {background-position:right -56px;}
    .main_banner .ban03 .ban03_5 .ban_in a {min-height:90px; padding-top:10px;}
     .main_banner .ban03 .ban03_5 .ban_in .ce img {height:32px;}
    .box3 .tit_w > h4 img {height:32px;}
    
    .m_tit {font-size:22px;}
    .m_tit_txt {font-size: 14px; margin-top: -15px;}    
    
    
    
    .m_board h4 {font-size:24px; padding-left: 0px; margin-bottom: 15px;}
    .m_board > ul > li {}
    .m_board > ul {padding-left: 0px;}
    
    
    
    
    .section .more {padding-top:5px !important; right:0px !important; top: 0px}
    .section .more > a {font-size: 14px;}
    
    .m_gallery {margin: -5px;}
    .m_gallery > li {width: 50%; padding: 5px;}
    
    #section2 .more {top: 0px;}

/*
    .main_banner .ban03 .ban03_3 .ban_in {min-height: 195px; padding-top: 30px;}
    .main_banner .ban03 .ban03_2 .ban_in {min-height: 185px; padding-top: 30px;}
    .main_banner .ban03 .ban03_1 .ban_in {min-height: 310px;}
    
*/
    
    #section3 iframe {height: 220px !important;}
    #footerW {background-size:480px auto; }
    .copy_wrap {padding: 15px 0px;}
   
    #footer .sns img {width: 25px;}
    #footer .addressW {font-size: 10px;}
    #footer .addressW address strong {display: block;}
    #footer .addressW address .line {height: 8px;}

    #footer .addressW .copy {font-size:10px;}

    #footer .as_center .txt_t {padding:3px 0px 15px 35px; background-size:30px auto; font-size: 16px;}
    #footer .as_center .txt_s {font-size: 14px;}
    #footer .as_center > ul {font-size:10px; margin: 0px -8px;}
    #footer .as_center > ul > li {padding:0px 8px;}
    
    #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; }
    
    
	.mb_dis {display: block;}
    #add_date .bt .tooltip {height: 36px; line-height: 34px;}
    
   .title_bar h2 {font-size:24px;}
    #sub_tit {font-size:27px; color: #fff; font-weight: 700; line-height: 140%;}
    
    .map_table th {height:30px;}
  
    
    
    .ico_note {padding-left:18px; background-size:13px auto; background-position:left 3px;}
    

   
    
    .faq_list > li .title {padding:15px 45px 16px 60px; font-size: 13px; background-size:20px auto !important; background-position:99% 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;}
    
    .page_count {margin-bottom: 20px;}
	.subject {padding-left:10px;}
	.bbs_search {margin-bottom:10px;}
	.bbs_search_in {padding:0px;}
	.bbs_search_in .select { position:relative; margin-bottom:5px; width:100%;}
	.bbs_search_in .btn_search { position:relative; display:block; margin:5px 0px 0px 0px; width:100%;}
	

    .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 {font-size:19px; padding:0px 0px 10px 25px; margin-top:30px;}
    .s_tit:before {width:10px; height:10px; left: 9px; top:2px;}
    .s_tit:after {width:14px; height:14px;}
    .b_txt {font-size: 16px;}

    .txt_indent {padding-left:25px;}

    .s_titW {overflow: hidden; padding: 30px 0px 15px 0px;}
    .sub_con > .s_tit:first-child {margin-top: 0px}
	.ss_tit {font-size:18px; margin-bottom: 10px; }
    .ss_tit:before {top:12px;}
    .ss_tit.fn {font-size: 20px;}
    .sss_tit {14px; margin-top:30px;}
    .s_txt_r {margin-top: -25px; padding-bottom:5px;}
    .s_txt_r2 {margin-top: -45px;}
	#inner_wrap {padding-bottom: 30px;}
    #inner_wrap.no_visual {padding-top: 30px;}
    .sub_visual {height:130px;}
    .sub_visual .sub_txt .cell .sub_tit_s {font-size:16px;}
    .sub_con {font-size:13px; }
    .sub_con > .s_tit:first-child {margin-top: 0px}
    .layerPop {font-size:0.95em; }
    .pop_wrap .x_btn2 {width: 50px; height: 50px; padding: 12px;}
    .title_bar {padding:15px 0px 20px 0px; margin-bottom:15px;}
	
	.title_bar .s_txt {font-size: 1.05em;}
    .title_bar .s_txt br {display: none;}
    .title_bar .s_txt2 {font-size: 1.25em; padding-top: 0px; margin-bottom:15px;}
 
    .m_th_b {width:105px !important;}
	.m_th {width:85px !important;}
    .m_th_s {width:65px !important;}
    .m_th_ss {width:45px !important;}
    .m_date {width:75px !important;}
    
    

    .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;}
    .atab.seven li {width:25%;}
    .atab.seven li a {font-size: 13px}

	.ctab > li > a {font-size:14px;}
 
    .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;}
    
    
    .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;}
  
    
    
    
    .main_content {padding:0px 0px 10px 0px;}
 
    
    .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;}
    .guide_tab > li > a {font-size: 12px;}
    
    .tit_ico {height:19px; line-height:18px;}

    .yak_check > li {padding: 15px;}
    .yak_check > li > a {height:22px;line-height:22px; font-size:12px;}

    
    .btn-tc {margin-top:20px;}
    .btn-tc .pa_right {float: none;}
    

    .btab li {width: 25%;}
    .btab > li > a {height:46px; font-size:13px;}
    
 

    .nm_tit {font-size:24px; margin-top:45px;}
    
    .edit_sub_page .photo {margin: 0px -4px;}
    .edit_sub_page .photo > li {padding: 4px;}
    .edit_sub_page .photo > li .txt_t {height: 40px; font-size: 13px;}
    .edit_sub_page .bb_txt {font-size: 16px;}
    .edit_sub_page .edit_tit {font-size: 20px; padding-top: 35px}
    .edit_sub_page .b_txt {font-size: 15px;}
    .edit_sub_page .ico_box > ul > li > a .txt {font-size: 13px;}
    .edit_sub_page .ico_box {padding:10px;}
    .edit_sub_page .br_box {padding: 15px;}
    .edit_sub_page .edit_s_tit {font-size: 16px;}
    .edit_sub_page .mark_list {margin: 0px -5px;}
    .edit_sub_page .mark_list > li {padding: 5px;}
    
    .ptb {border-top:none; }
    .ptb {margin-top:20px;}
    .ptb > dl > dt {display: block; padding: 10px;}
    .ptb > dl > dt > p {display: block; height:auto; text-align: center; padding: 0px;}
    .ptb > dl > dt > p > span {background-size:20px auto; padding-left: 23px; }
    
    .ptb > dl > dd {display: block; min-height: auto; padding:5px;}
    .ptb > dl > dd .tel {display: inline-block; background-size:20px auto; padding-left: 25px;  min-height: auto;}
    .ptb > dl > dd .mail {display: inline-block; background-size:20px auto; padding-left: 25px; min-height: auto; }
    .edit_sub_page .edit_tit > span {border-width: 2px;}
    
    #lnb_wrap .ico_home a {background-size:15px auto; width:40px; height: 40px; }
    #lnb_wrap .lnb {padding-left: 40px;}
    
    #lnb_tit {padding-left:15px; line-height:39px; height:40px; background-position:110% center !important; background-size:30px auto !important; font-size: 14px;}
    #lnb_tit2 {padding-left:15px; line-height:39px; height:40px; background-position:108% center !important; background-size:30px auto !important; font-size: 14px;}
    #lnb_tit2:After {height: 1px;}
    #lnb_wrap .lnb .lnbs .copy_menu {width: 140%; padding: 10px;}
    .lnb ul li {padding: 7px 0px;}
    .lnb ul li a {font-size: 14px; }
    
    
    .sub_wrap_1 #lnb_wrap .lnb .lnbs2 .copy_menu {width: 100%;}
    .sub_wrap_1 #lnb_wrap .lnb .lnbs2 .copy_menu > li:nth-child(odd) {padding-right:15px;}
    .sub_wrap_1 #lnb_wrap .lnb .lnbs2 .copy_menu > li:nth-child(even) {padding-left:15px;}
    
    .sub_wrap_2 #lnb_wrap .lnb .lnbs2 .copy_menu {width: 100%;}
    .sub_wrap_2 #lnb_wrap .lnb .lnbs2 .copy_menu > li:nth-child(odd) {padding-right:15px;}
    .sub_wrap_2 #lnb_wrap .lnb .lnbs2 .copy_menu > li:nth-child(even) {padding-left:15px;}
    
    .sub_wrap_3 #lnb_wrap .lnb .lnbs2 .copy_menu {width: 100%;}
    .sub_wrap_3 #lnb_wrap .lnb .lnbs2 .copy_menu > li:nth-child(odd) {padding-right:15px;}
    .sub_wrap_3 #lnb_wrap .lnb .lnbs2 .copy_menu > li:nth-child(even) {padding-left:15px;}

    .declaration {padding-top: 30px;}
    .declaration > ul > li {padding:20px 0px 20px 70px;}
    .declaration > ul > li > .num {width: 60px; height: 60px; padding-top: 12px;}
    .declaration > ul:before {left: 30px;}
    .declaration > ul > li > .num > strong {font-size: 17px;}
    
    .organization > h3 {line-height: 50px; max-width: 230px;}
    .organization > ul.level1 > li > .box > p {font-size:13px; }
	.organization > ul.level2 > li > .box > p {font-size:12px;}
    .organization .level2 > li > p {font-size:12px;}
    .organization > ul.level4 > li > .box > p {font-size:13px;}
    .organization .level3 {font-size:11px;}
    .organization .level3 > li {padding: 3px 0px;}
    .organization .level3 {padding: 5px;}
	.organization > ul.level1 > li > .box > p > a {padding:5px; display:flex; flex-wrap:wrap; height:40px; justify-content: center;  align-items: center;}
	.organization > ul.level2 > li > .box > p > a {padding:5px; display:flex; flex-wrap:wrap; height:40px; justify-content: center;  align-items: center;}
    .organization .level2 > li > p > a {padding:5px; display:flex; flex-wrap:wrap; min-height:40px; justify-content: center;  align-items: center;}
	.organization > ul.level1 .level2 {margin:0px -5px;}
	.organization .level3 > li a {padding-left: 8px; text-indent: -7px;}
    .g_network > h3 .num {padding-top:2px;}
    
    .map_wrap {height: 240px; margin-bottom: 0px;}
    
    .map_info {padding: 30px 0px;}
    .pop_body .organization {padding:0px;}
    .pop_body .organization > h3 {max-width:200px; padding: 10px 2px; font-size: 14px;}
    .pop_body .organization .level2 > li > p > a {padding: 2px 2px;}
    .pop_body .organization > ul.level1 > li > .box > p > a {padding: 2px 2px;}
    .pop_body .organization > ul.level4 > li > .box > p {padding:8px 2px;}
    
    .gray_box {padding: 10px;}
    
    .num_table {padding-bottom: 20px;}
    .num_table > li .cell {padding:5px 5px 5px 65px;}
    .num_table > li .cell .num {width: 50px; height: 50px; line-height:50px; font-size:22px; margin-top: -25px;}
    
    .inquiry_box .first br {display: none;}
    
    .inquiry_box > dl > dd {float: none; width: 100%; padding: 0px;}
    .inquiry_box > dl > dd .cell {text-align: left; padding-left:50px; }
    .inquiry_box > dl > dd .cell .ico {position: absolute; left: 0px; top: 50%; padding: 0px; width: 40px; margin-top: -20px;}
    
    .signup_wrap {padding: 0px 90px 0px 0px;}
    .signup_wrap .btnW {width: 80px;}
    .signup_wrap .signup > li {padding-left: 60px;}
    .signup_wrap .signup.long > li {padding-left: 70px;}
    .signup_wrap .signup > li .input {height:36px; line-height:35px;}
    .signup_wrap .btnW .btn {height: 82px; font-size: 14px;}
    .signup_wrap.one .btnW .btn {height:36px;}
    .signup_wrap .signup > li .txt_t {width: auto;}
    .login_box {padding:25px 20px 25px 20px; margin: 30px 0px 20px 0px;}
    
    .text_area_wrap {padding-right:90px;}

    .text_area_wrap .tv_btn {width:80px;}

    
    td .excel_down > a > span {padding-left:0px; padding-right:0px; background: none;}
    td .excel_down > a > span:after {display: none;}
    .excel_down > a {padding: 5px 10px; font-size: 12px; }
    .excel_down > a > span {background-size:15px auto; padding-left: 25px; padding-right: 25px; }
    .excel_down > a > span:after {width:15px; height:14px; background-size:15px auto;}
    .text_area_wrap .tv_btn .tv_cell {font-size:14px;}
    
    .pr_list > ul {margin: -5px;}
    .pr_list > ul > li {padding: 5px;}

    .pr_list > ul > li .txt_t {font-size: 14px;}
    .pr_list > ul > li .txtW {font-size: 12px;}
    .fax_app > h4 {font-size: 20px;}
    .fax_app {padding: 30px 15px; margin-top:40px;}
    .fax_app .bt_down .btnNormalB span {font-size: 16px;}
    .pr_group > li {padding-left:10px;}

    .pr_group > li:nth-child(3) {width: 30%; padding-right:15px;}
    
    .mark_downW .mark_down {padding:20px 0px 20px 0px;}
    
    .inquiry_box.reception .first {padding-bottom:15px;}
    .inquiry_box.reception .tel > li {padding: 5px 0px; float: none;}
    
    .num_step > li {padding:20px 0px 20px 70px;}
    .num_step > li .num {width: 50px; height: 50px; line-height: 50px; font-size: 20px; margin-top: -25px;}

	.certification > ul > li:nth-child(2) > ul > li {width:33.33%;}

	.newsletter_write {margin-top:10px; margin-bottom:20px;}
	.newsletter_write .input_group > li {padding:5px 0px;}
	.newsletter_write .input_group > li > p {padding-left:65px;}
    
	.logomark > dl > dt img {max-width:40vw}
	.logo_size > ul > li {width:100%}
	.logo_type_wrap > div {width:100%; padding:0px 20px;}
	.logo_type_wrap {padding-top:0px;}
	.logo_type_wrap .s_tit {text-align:center; padding-left:0px;}

	.logo_down {margin-top: 30px; padding-top: 10px; padding-bottom: 10px;}
	.color_system {padding:15px;}
	.color_system > ul {margin:-10px;}
	.color_system > ul > li {width:100%; max-width:100%; display:flex; padding:10px;}
	.color_system .color {width:30%; padding-bottom:0px;}
	.color_system .info {border:1px solid #efefef; flex:1; padding:10px; box-sizing:border-box;}
    
   
    .certificate .custom-dots .slick-dots > li button {font-size: 13px;}
    
/*
    .certificate .left {width: 30%}
    .certificate .custom-dots .slick-dots > li button {font-size: 12px;}
    .certificate .custom-dots {padding-left:10px;}
    
    #certificate1 .custom-dots .slick-dots {padding-left: 0px}
    .certificate .custom-dots {min-height: 382px; padding-top:20px;}
    .certificate .custom-dots .slick-dots > li button {height: 22px;}
    .certificate .custom-dots .slick-dots > li.slick-active button:after {border-top-width: 11px; border-bottom-width:11px; }

    #certificate1 .custom-dots .slick-dots > li:nth-child(1):before {position: relative; left: auto; top: auto; padding-left: 8px; margin-bottom: 5px; }
    #certificate1 .custom-dots .slick-dots > li:nth-child(6):before {position: relative; left: auto; top: auto; padding-left: 8px; margin-bottom: 5px;}
    #certificate1 .custom-dots .slick-dots > li:nth-child(6) {margin-top: 15px;}
*/
	.map_info_wrap > li .ico img {width:20px;}
	.certificate_wrap .inner_navi {padding:10px; font-size:13px;}
	.certificate_wrap .list_w {margin:-10px 0px;}
	.certificate_wrap .list_w > li .cate {min-width:50px;}
	.certificate_wrap .list > li {width: 25%;}

}




/* 320px 이하 */

@media screen and (max-width:320px) {
    .main_company h3 {font-size:24px; }
    .atab li a {font-size:12px;}
    .title_bar .s_txt {padding-left: 10px;}

    
    .btns > li {width:100%; float: none; padding:2px 0px;}
    .btn-tc {padding:20px 0px;}
	.lnb ul li a {font-size: 13px; letter-spacing:-1px;}

    
   
}