@charset "utf-8"; 
/*
  Project _ CSS Init
  FileName _ sub.css - (서브레이아웃)
  Author _ 쮸양~★
  Date _ 2020. 11. 09
  Last _ 2020. 11. 15
*/

.innerLine {position:relative; overflow:hidden; border-top:1px solid #dadada; border-bottom:1px solid #dadada;}
.container {position:relative; width:1200px; margin:40px auto; overflow:hidden;}

/******************************************************************************************************************************************
	visual CSS (서브비주얼 스타일 설정) - 2020.11.15 쮸양~★
*******************************************************************************************************************************************/
#visual {position:relative;width:100%;height:250px;background: url('/groups/student/images/main/main_visual6.jpg')0 55%;background-repeat:no-repeat;background-position: 50% 18%;background-size:cover;}
/*#visual span.pic {position:absolute; top:0px; left:0px; width:1200px; height:250px; margin:0px auto; background-image:url('/groups/student/images/main/mainV_img.png');background-repeat:no-repeat; background-position:center center;}*/
#visual p.eng {padding-top:60px; font-size:3em; color:#151515; text-align:center; margin-bottom:5px; word-break:keep-all}
#visual p {color: #fff;font-size: 2.5em;letter-spacing:-0.05em;text-align: left;line-height: 6.5;word-break:keep-all;position: absolute;top: 50%;left: 50%;transform: translateX(-50%);width: 100%;}

@media all and (max-width:800px) {
	#visual p {text-align:center}
	#visual p.eng {font-size: 3.5em; padding-top: 40px;}
}
@media all and (max-width:480px) {
	#visual p {font-size:1.4em}
	#visual p.eng {font-size: 2.7em;}
}



/******************************************************************************************************************************************
	location CSS (로테이션 메뉴 스타일 설정) - 2020.11.15 쮸양~★
*******************************************************************************************************************************************/
.location {position:absolute; bottom:0px; width:100%; background:rgba(0, 100, 53, 0.8); height:50px; z-index:10;}
.location .blank {background:url('/groups/student/images/sub/ico_blank_wh_2.png') no-repeat; background-size:14px}
.location .snb {position:relative}
.location .snb > li {position:relative; float:left}
.location .snb > li::before {position:absolute; top:0; right:0; content:''; display:block; width:1px; height:100%; background:rgba(255, 255, 255, 0.2)}
.location .snb > li > a {display:block; line-height:50px; height:50px; color:#fff; font-size:1.35em; min-width:180px}
.location .snb > li > a.home {display:block; min-width:50px; text-indent:-9999px; background:#fff url('/groups/student/images/sub/ico_home.png') no-repeat 50%; background-size:24px}
.location .snb > li > a:hover {text-decoration:none}
.location .snb > li.has_sub > a {padding:0 40px 0 20px}
.location .snb > li.has_sub > a::before {position:absolute; top:17px; right:15px; content:''; display:block; width:10px; height:10px; background:transparent; border-left:1px solid #fff; border-bottom:1px solid #fff; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out}
.location .snb > li.has_sub > a.open {color:#fffac0}
.location .snb > li.has_sub > a.open::before {position:absolute; top:24px; right:15px; content:''; display:block; width:10px; height:10px; background:transparent; border-left:1px solid #fffac0; border-bottom:1px solid #fffac0; transform:rotate(-225deg); -webkit-transform:rotate(-225deg); -moz-transform:rotate(-225deg); -ms-transform:rotate(-225deg); -o-transform:rotate(-225deg)}
.location .snb > li > ul {display:none; position:absolute; top:50px; left:0; width:100%; background:#fff; z-index:3; border:1px solid #dedede; border-top:none}
.location .snb > li > ul > li > a {display:block; padding:14px 20px; color:#333; font-size:1.25em}
.location .snb > li > ul > li > a:hover {color:#007d77; text-decoration:none}
.location .snb > li > ul > li.on > a {background:#007d77; color:#fff}
.location_menu {display:none}
@media all and (max-width:418px) {
	.has_sub {width: 42.88%;}
}

/* 위치 */
.location_info {position:absolute; top:13px; right:0px; margin:0px auto; text-align:right;}
.location_info li {position:relative; display:inline-block; font-size:1.35em; padding:0 8px;margin-bottom:4px; color:#fff;}
.location_info li::before {position:absolute; top:10px; right:-4px; content:'';display:block;width:6px; height:6px; background:transparent; border-left:1px solid #fff; border-bottom:1px solid #fff; transform:rotate(-135deg); transition:all .3s ease-in-out;}
.location_info li:last-child::before {display:none}
.location_info li.home {display:inline-block; width:85px; text-indent:-9999px; background:url('/groups/student/images/sub/ico_home_wh.png') no-repeat 0px 3px; background-size:18px; padding-right:10px;}
@media all and (max-width:667px) {
	.location_info {top: -99999px;}
}

@media all and (max-width:667px) {
	#sub_visual .location {display:none}	
	#sub_visual .location_menu {display:block; position:relative; position:absolute; top:115px; left:50%; width:96%; margin-left:-48%}
	#sub_visual .location_menu .menu_wrap {display:block; background:#007d77; font-size:1.35em; padding:0 20px; height:50px; line-height:50px; color:#fff; position:relative; transition:all 0.1s ease-in-out; -webkit-transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; -ms-transition:all 0.1s ease-in-out; -o-transition:all 0.1s ease-in-out}
	#sub_visual .location_menu .menu_wrap::before {position:absolute; right:20px; top:24px; display:block; width:17px; height:1px; background:#fff; content:""}
	#sub_visual .location_menu .menu_wrap::after {position:absolute; right:28px; top:17px; z-index:1; display:block; height:17px; width:1px; background:#fff; content:""}
	#sub_visual .location_menu .menu_wrap.open {color:#fffac0}
    #sub_visual .location_menu .menu_wrap.open::before {background:#fffac0}	
	#sub_visual .location_menu .menu_wrap.open::after {display:none}	
	#sub_visual .location_menu ul {display:none; position:absolute; top:50px; left:0; width:100%; z-index:5; border:1px solid #dedede; border-top:none}
	#sub_visual .location_menu ul li {position:relative; border-bottom:1px solid #dedede}
	#sub_visual .location_menu ul li:last-child {border-bottom:none}
	#sub_visual .location_menu ul li::before {position:absolute; right:24px; top:21px; display:block; width:15px; height:2px; background:#777; content:""}
	#sub_visual .location_menu ul li::after {position:absolute; right:30px; top:15px; z-index:1; display:block; height:15px; width:2px; background:#777; content:""}
	#sub_visual .location_menu ul li a {font-size:1.35em; color:#111; padding:14px 20px; display:block; transition:all 0.1s ease-in-out; -webkit-transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; -ms-transition:all 0.1s ease-in-out; -o-transition:all 0.1s ease-in-out; background:#f7f7f7}
	#sub_visual .location_menu ul li.on a {background:#007d77; color:#fff}
	#sub_visual .location_menu ul li.on::before {background:#fff}
	#sub_visual .location_menu ul li.on::after {display:none}
	#sub_visual .location_menu ul li ul {background:#eaeaea; border-top:1px solid #dedede; padding:6px 0; overflow:hidden; position:static; display:none; border:none}
	#sub_visual .location_menu ul li ul li {float:left; width:50%; border-bottom:none}
	#sub_visual .location_menu ul li ul li::before, #sub_visual .location_menu ul li ul li::after {display:none}
	#sub_visual .location_menu ul li ul li a {font-size:1.25em; padding:10px 20px; background:none}
	#sub_visual .location_menu ul li.on ul li a {color:#555; background:none}
	#sub_visual .location_menu ul li.on ul li.on a {color:#007d77}
}
@media all and (max-width:480px) {
	#sub_visual .location_menu ul li ul li {float:none; width:100%}
}



/******************************************************************************************************************************************
	content CSS (서브컨텐츠 스타일 설정) - 2020.11.22 쮸양~★
*******************************************************************************************************************************************/
#sub_container {position:relative; padding:50px 0; min-height:500px}
#sub_container .sub_head {position:relative; width:1200px; margin:0 auto}
#sub_container .sub_head h2 {display:block; text-align:center; font-size:3.2em; color:#151515; margin:0 auto 50px auto; word-break:keep-all; font-weight:500}
#sub_container .sub_head .sub_head_info {display:none}
#sub_container #content {width:1200px; margin:0 auto}


@media all and (max-width:1199px) {
	#sub_container .sub_head {width:98%} 
	#sub_container #content {width:98%}
}
@media all and (max-width:667px) {
	/*#sub_container {padding-top:75px}*/
	#sub_container .sub_head h2 {font-size:2.8em}
}


/* 폰트 */
h3 {position:relative; margin-top: 50px; margin-bottom:20px; padding-top:10px; min-height:50px; font-size:24px; line-height:160%; color:#222; font-weight:500;}
h4 {margin-bottom:20px; font-size:20px; line-height:160%; color:#008f4c; font-weight:500;}
h5 {position:relative; margin-bottom:10px; padding-left:10px; font-size:15px; line-height:1.2; color:#222}
h5::before {position: absolute; content:""; display:block; top: -6px; width:25px; height:4px; background:#aaa}
h5 span {font-size:13px; color:#555}
p {margin-bottom:30px; font-size:15px; line-height:160%;}


/* 타이틀(텍스트 타입) */
.titT1 {margin-bottom:0.5rem; font-size:24px; line-height:160%; font-weight:400; color:#222;}
.titT2 {margin-bottom:0.5rem; font-size:20px; line-height:160%; font-weight:400; color:#222;}
.titT3 {margin-bottom:0.5rem; font-size:15px; line-height:160%; font-weight:400; color:#0057b8;}

/* 타이틀(블릿 타입) */
.tit1 {color:#222; letter-spacing:-1px; background:url("/groups/student/images/sub/bu_tit01.gif") no-repeat left top;}
.tit2 {background:url("/groups/student/images/sub/bu_tit02.png") no-repeat left top; margin-left: 5px; margin-bottom: 10px; padding-left:30px; font-size:18px;}
.tit3 {color:#333; letter-spacing:-1px; background:url("/groups/student/images/sub/bu_tit03.png") no-repeat left top; margin-left: 5px; margin-bottom: 10px; padding-left:30px;}

/* 리스트 : 블릿 타입 */
.b_dot1 {padding:0 0 15px 0; background:none;}
.b_dot1 li {color:#333; padding-left:20px; font-size:16px; line-height:160%; background:url("/groups/student/images/sub/bu_tit03.png") no-repeat left 5px; margin-left: 15px;}

.s_dot1 {padding:0 0 0 0; background:none;}
.s_dot1 > li {position:relative; padding-left:15px; font-size:15px; line-height:160%; color:#555; background:none;}
.s_dot1 > li:before {content:''; position:absolute; top:10px; left:0; width:5px; height:5px; border-radius:50%; background:#959595;}

.s_dot2 {padding:0 0 0 0; background:none;}
.s_dot2 > li {position:relative; padding-left:15px; line-height:1.6; color:#959595;}
.s_dot2 > li:before {content:''; position:absolute; top:10px; left:0; width:4px; height:4px; border-radius:50%; background: #7a9eca;}

li.bu_none:before {display:none;}


/* ol 텍스트번호 */
ol.num {margin:0px 0px 30px 10px;}
ol.num li {margin-left:10px; padding-left:5px; list-style:decimal; font-size:18px; line-height:160%; text-align:left; margin-bottom:10px; color:#333;}

ol.num1 {background:none;}
ol.num1 li {margin-left:10px; padding-left:5px; list-style:decimal; line-height:160%; color:#333;}


/* 서브탭메뉴 */
/* tab_menu */
.tab_menu {margin-bottom:40px}
.tab_menu::after {clear:both; content:''; display:block}
.tab_menu li {float:left; margin:-1px -1px 0 0; width:33.3%}
.tab_menu li:nth-child(1):nth-last-child(3), .tab_menu ul li:nth-child(1):nth-last-child(3) ~ li {width:33.3%}
.tab_menu li a {display:block; text-align:center; font-size:1.35em; color:#333; border:1px solid #dedede; height:50px; line-height:48px}
.tab_menu li a:hover {text-decoration:none; color:#008f4c}
.tab_menu li.on a {color:#fff; background:#008f4c}
@media all and (max-width:667px) {
	.tab_menu li {width:50% !important}
}


/* tab_menu */
.tab_list {margin-bottom:40px}
.tab_list::after {clear:both; content:''; display:block}
.tab_list li {float:left; margin:-1px -1px 0 0; width:33.3%}
.tab_list li:nth-child(1):nth-last-child(3), .tab_menu ul li:nth-child(1):nth-last-child(3) ~ li {width:33.3%}
.tab_list li a {display:block; text-align:center; font-size:1.35em; color:#333; border:1px solid #dedede; height:50px; line-height:48px}
.tab_list li a:hover {text-decoration:none; color:#008f4c}
.tab_list li.on a {color:#fff; background:#008f4c}
@media all and (max-width:667px) {
	.tab_list li {width:50% !important}
}


/******************************************************************************************************************************************
	content CSS (컨텐츠내용 스타일 설정) - 2020.11.17 쮸양~★
*******************************************************************************************************************************************/
/* 타이틀이미지 */
.s01::before {background:url('/groups/student/images/sub/box_guide_s01.png') no-repeat 50% 50%;}
.s02::before {background:url('/groups/student/images/sub/box_guide_s02.png') no-repeat 50% 50%;}
.s03::before {background:url('/groups/student/images/sub/box_guide_s03.png') no-repeat 50% 50%;}
.s04::before {background:url('/groups/student/images/sub/box_guide_s04.png') no-repeat 50% 50%;}

/*타이틀 센터*/
.tit_guide {position:relative; padding:5px 5px; background:url(/groups/iecn/images/sub/tit_pattern1.png) repeat; margin-bottom:50px;}
.tit_guide .titleBox {position:relative; background:#fff; padding:30px 30px; text-align:center;}
.tit_guide .titleBoxL {position:relative; background:#fff; padding:30px 30px; text-align:left;}

span.titbg {width:50px; height:40px; display:block; background:url("/groups/iecn/images/contents/tit1_r.gif") no-repeat right top;}


/* 인사말 */
.infoBox {position:relative; width:100%; overflow:hidden; padding:0px 0px 0px 250px; box-sizing:border-box; background:url('/groups/student/images/sub/ceo_04.png') no-repeat left 0px; letter-spacing:-0.08em;}

.infoBox p {font-size:19px; line-height:165%;}
.infoBox p.tit {font-size:30px; color:#000;}

@media all and (max-width: 480px) {
	.infoBox {padding: 250px 0 0; background-position: center 0;}
}

/* 연혁탭메뉴 */
/* tab_btn */
.tab_btn {margin-bottom:40px; background:#f3f8f8; padding:15px}
.tab_btn::after {clear:both; content:''; display:block}
.tab_btn li {display:inline-block; position:relative}
.tab_btn li::after {content:''; display:block; position:absolute; top:8px; right:0; width:1px; height:12px; background:#ddd}
.tab_btn li:last-child::after {display:none}
.tab_btn li a {display:block; text-align:center; font-size:1.35em; color:#333; padding:5px 20px}
.tab_btn li a:hover {text-decoration:none; color:#007d77}
.tab_btn li.on a {color:#007d77}


/* 연혁 */
.history {overflow:hidden; display:none}
.list_box {margin-bottom:50px; display:table; width:100%}
.list_box:last-child {margin-bottom:0}
.list_box h3 {display:table-cell; padding:0; font-size:4em; width:300px; color:#006435; text-align:center; background:url(/groups/student/images/sub/his_h3_bg.png) no-repeat 0px 20%; background-size:100%;}

.list_box .list {display:table-cell; width:calc(100% - 300px); vertical-align:top; padding-left:50px; position:relative}
.list_box .list::before {content:''; display:block; position:absolute; top:6px; left:50px; width:2px; height:97%; background:#eaeaea}
.list_box .list dl {display:table; width:100%; position:relative; font-size:1.35em; padding-left:25px; margin-bottom:20px}
.list_box .list dl:last-child {margin-bottom:0}
.list_box .list dl::before {content:""; position:absolute; left:-6px; top:6px; width:10px; height:10px; background:#fff; border:2px solid #cacaca; border-radius:50%}
.list_box .list dl dt {display:table-cell; width:100px}
.list_box .list dl dd {display:table-cell; position:relative; padding-left:20px; width:calc(100% - 100px)}
.list_box .list dl dd::before {content:""; position:absolute; left:0; top:9px; width:5px; height:5px; background:#999}
.list_box .list dl dd ul {margin-top:10px; padding:15px 20px; background:#f7f7f7}
.list_box .list dl dd ul li {position:relative; padding-left:20px; font-size:1em; line-height:1.4; margin-bottom:5px; color:#777}
.list_box .list dl dd ul li:last-child {margin-bottom:0}
.list_box .list dl dd ul li::before {content:""; position:absolute; left:0; top:11px; width:7px; height:1px; background:#999}


/******************************************************************************************************************************************
	pyo CSS (컨텐츠표 스타일 설정) - 2020.11.18 쮸양~★
*******************************************************************************************************************************************/
/* box_guide */
.box_guide { position:relative; padding:5px 5px; background:url(/groups/student/images/sub/tit_pattern.png) repeat;}
.box_guide .titleBox {position:relative; background:#fff; padding:30px 50px 30px 250px}
.box_guide .titleBox::before {content:''; display:block; position:absolute; top:0; left:0; width:250px; height:100%}
.box_guide .titleBox p.tit {font-size:1.8em; margin:0 0 10px 0; color:#000; text-align:center;}
.box_guide .titleBox p {font-size:1.5em}
.box_guide .titleBox p strong {color:#2985f5}

/* 컨텐츠표속성 */
.basePyo {position:relative; width:100%; border-collapse:collapse; border-top:1px solid #2c7e55; margin:10px 0px;}
.basePyo thead th {padding:10px 10px; border:1px solid #2c7e55; text-align:center; color:#2c7e55; background:#f2fbf4; font-size:18px; font-weight:500;}
.basePyo tbody th {padding:10px 10px; border:1px solid #dedede; text-align:center; color:#2c7e55; background:#f2fbf4; font-size:18px; font-weight:500;}
.basePyo th {padding:10px 10px; border:1px solid #dedede; text-align:center; color:#333; background:#f2f4fb; font-size:16px;}
.basePyo td {padding:10px 10px; text-align:center; font-size:15px; border:1px solid #dedede;}
.basePyo th.noL {border-left:none;}
.basePyo th.noR {border-right:none;}
.basePyo td.blackTop {padding:10px 10px; text-align:center; border-top:2px solid #222;}
.basePyo td ul {margin-bottom:0;}
.basePyo td ol {margin-bottom:0;}

/* 컨텐츠표속성 */
.basePyo2 {position:relative; width:100%; border-collapse:collapse; border-top:1px solid #2c7e55; margin:10px 0px;}
.basePyo2 thead th {padding:10px 10px; border:1px solid #2c7e55; text-align:center; color:#2c7e55; background:#f2fbf4; font-size:18px; font-weight:500;}
.basePyo2 tbody th {padding:10px 10px; border:1px solid #dedede; text-align:center; color:#2c7e55; background:#f2fbf4; font-size:18px; font-weight:500;}
.basePyo2 th {padding:10px 10px; border:1px solid #dedede; text-align:center; color:#333; background:#f2f4fb; font-size:16px;}
.basePyo2 td {padding:10px 10px; text-align:center; font-size:15px; border:1px solid #dedede;}
.basePyo2 th.noL {border-left:none;}
.basePyo2 th.noR {border-right:none;}
.basePyo2 td.blackTop {padding:10px 10px; text-align:center; border-top:2px solid #222;}
.basePyo2 td ul {margin-bottom:0;}
.basePyo2 td ol {margin-bottom:0;}

/* 게시판텍스트정렬 */
.basePyo td.tl {text-align:left;}
.basePyo td.tr {text-align:right;}

p.line {width:100%; height:5px; margin:30px 0px; background:url(/groups/student/images/sub/info_line.png) no-repeat 0px 0px;}
p.line2 {width:100%; margin:50px 0px; border-top: 1px dashed #ccc;}

/* step 절차 */
.step {margin-bottom:30px; overflow:hidden}
.step li {float:left; position:relative; display:table; width:25%; height:90px; margin:5px 0; padding-left:30px}
.step li::before {position:absolute; left:7px; top:50%; margin-top:-5px; content:''; display:block; width:10px; height:10px; background:transparent; border-left:2px solid #ccc; border-bottom:2px solid #ccc; transform:rotate(-135deg); transition:all .3s ease-in-out}
.step li:first-child {padding-left:0}
.step li:first-child::before {display:none}
.step li span {display:table-cell; padding:20px 10px; text-align:center; font-size:1.5em; line-height:1.5; letter-spacing:-0.5px; border:1px solid #ccc; border-radius:5px; vertical-align:middle; color: #333;}
.step li strong {font-size:1.2em}
.step li:first-child span, .step li:nth-child(3) span, .step li:nth-child(5) span, .step li:nth-child(7) span {background:#fcfcfc}
.step li:nth-child(2) span, .step li:nth-child(4) span, .step li:nth-child(6) span, .step li:nth-child(8) span {background:#f5f8ff}
.step.step02 li {width:33.3%}
.step.step03 li {width:20%}
@media all and (max-width:960px) {
	.step.step03 li {width:33.3%}
}
@media all and (max-width:800px) {
	.step li {width:50% !important}
}
@media all and (max-width:480px) {
	.step li span {height:auto; padding:20px 0}
	.step li {float:none; width:100% !important; padding:0; margin:0 0 30px 0}
	.step li:last-child {margin-bottom:0}
	.step li::before {top:0; left:50%; margin:-25px 0 0 -5px; transform:rotate(-45deg)}
}

.edu_box ul{overflow:hidden;}
.edu_box ul li{box-sizing:border-box;border:1px solid #d6d6d6;width: 48.7%;float:left;margin-bottom:10px;} 
.edu_box ul li:hover{border:1px solid #000} 
.edu_box ul li:nth-child(odd){clear:both;margin-right: 2%;} 
.edu_box ul li a{position:relative;width:100%; overflow:hidden; display:table;}
.edu_box ul li a:hover {text-decoration: none;}
.edu_box ul li a div{height:185px} 
.edu_box ul li a div.edu_thumb{position:absolute;left:0;top:0;width:240px;height:100%;text-align:left;overflow:hidden} 
.edu_box ul li a div.edu_thumb img{width:100% !important;height:185px !important;object-fit: cover;transition:all .3s} 
.edu_box ul li a:hover div.edu_thumb img{transform:scale(1.2)} 
.edu_box ul li a div.edu_con{height:180px} 
.edu_box ul li a div.edu_con_tit{padding:8px 2% 0 250px;font-size:15px;}
.edu_box ul li a div.edu_con_tit strong{color:#444;font-weight:600; font-size: 20px;} 
.edu_box ul li a:hover div.edu_con_tit strong{color:#000;font-weight:600;}
.edu_box ul li a div.edu_con_tit span{color:#444;} 
.edu_box ul li a:hover div.edu_con_tit span{color:#000; font-weight:500;}
.edu_box ul li a div.edu_con_tit .edu_con_stit {font-size:15px; margin-bottom: 0;}

@media (max-width: 1000px){
	.edu_box ul li {width: 100%}
}
@media (max-width: 500px){
	.edu_box ul li a div{height:185px} 
	.edu_box ul li a div.edu_thumb{position:relative;left:0;top:0;width:100%;text-align:center;overflow:hidden} 
	.edu_box ul li a div.edu_thumb img{width:100% !important;height:240px !important;object-fit: cover;transition:all .3s} 
	.edu_box ul li a div.edu_con{height:180px} 
	.edu_box ul li a div.edu_con_tit{padding:8px 2% 0 2%;font-size:15px;height:123px} 
	.edu_box ul li a div.edu_con_tit .edu_con_stit {font-size:15px; text-align: left;}
	.edu_box ul li a div.edu_con_tit strong{color:#444;font-weight:600; font-size: 20px;} 
	.edu_box ul li a:hover div.edu_con_tit strong{color:#000;font-weight:600}
}

.tab .tab-list {width: 100%;margin: 0;padding: 0;list-style: none;display: table;border-collapse: collapse;border-spacing: 0;background: #fff}
.tab .tab-list li {display: table-cell;width: 800px}
.tab .tab-list li a {display: block; text-align: center; color: #757575; background-color: #fff; border: 1px solid #e2e2e2; width: 100%; height: 100%; line-height: 69px; font-weight: 500; font-size: 16px; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear}
.tab .tab-list li.active a {background-color: #f8f8f8; color: #222; border-color: #222; border-bottom: 1px solid #f8f8f8; border-top: 2px solid #222;}

@media screen and (max-width:1280px) {
	.tab .tab-list:after {display: block;clear: both;content: ""}
}
@media screen and (max-width:1024px) {
	.tab .tab-list li {width: 50%;}
	.tab .tab-list li a:hover {border-color: transparent}
	.tab .tab-list li.active a {color: #008f4c; border-bottom: 3px solid #008f4c; border-top: 0 none;background-color: #fff; border-left: 1px solid transparent; border-right: 1px solid transparent;}
	.tab .tab-list li a {border-bottom: 1px solid #e1dfdf; border-left: 1px solid transparent; border-right: 1px solid transparent; border-top: 1px solid transparent;}
}
@media screen and (max-width:768px) {
	.tab .tab-list li {width: 50%}
	.tab .tab-list li a {font-size: 15px;line-height: 45px}
	.tab .tab-list li a .icustomer, .tab .tab-list li a .ip, .tab .tab-list li a .isite, .tab .tab-list li a .isupport {display: none}
}

.tab-content {padding: 45px 0;}

.detail-info {margin-bottom: 50px; border-top: 1px solid; padding: 30px 15px; background: #f9f9f9; font-size: 15px;}
.detail-info:after {display: block; clear: both; content: "";}
.detail-info dl {float: left;width: 50%;position: relative;padding: 5px 0 5px 12px}
.detail-info dl:before {content: '';display: block;position: absolute;top: 50%;margin-top: -1px;width: 2px;height: 2px;left: 0;background-color: #0186b8}
.detail-info dt {color: #222; width: 29%; display: inline-block;}
.detail-info dd {color: #6c6c6c;width: 70%;padding-left: 20px;position: relative; display: inline-block;}
.detail-info dd:before {position: absolute;top: 50%;left: 0;margin-top: -6px;width: 1px;height: 12px;background-color: #e2e2e2;content: ''}
@media screen and (max-width:1024px) {
	.detail-info {border: 1px solid #f0f1f2;padding: 15px}
}
@media screen and (max-width:750px) {
	.detail-info dl {float: none; width: 100%;}
}
@media screen and (max-width:400px) {
	.detail-info dd {width: 55%;}
}
@media screen and (max-width:360px) {
	.detail-info dd {width: 70%;}
}

/* 모달창 layer_modal */
#layer_modal {display:none;overflow:hidden;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);z-index:60;}
.modal_wrap {background:#fff; position:absolute; top:50%; left:50%; width:500px; margin-top:-300px; margin-left:-250px; border-radius:10px; padding-bottom: 40px;}
.modal_wrap h4 {padding:20px; background:#008f4c url('/groups/common/images/board/modal_wrap_h4.png') no-repeat 15px 50%; background-size:30px; color:#fff; border-radius:10px 10px 0 0; margin-bottom:0}
.modal_wrap h4::before {display:none}
.modal_wrap h4::after {display:none}
.modal_wrap .info {background:#eee; padding:10px 15px; margin-bottom:0px; color:#353535; word-break:keep-all}
.modal_wrap .tree {padding:10px;width:92%;height:370px;border:1px solid #dedede;margin:20px auto;max-height:370px;overflow-y:scroll !important;/*-ms-overflow-style: none;*/}
/* .modal_wrap .tree.tree_check {-ms-overflow-style: initial !important;}
.modal_wrap .tree.tree_check::-webkit-scrollbar {display:block !important} */
.modal_wrap .check_btn {overflow: hidden; margin: 20px;}
.modal_wrap .check_btn li{float: left;width: 49%;}
.modal_wrap .check_btn li a {display: block;text-align: center;padding: 10px 20px;color: #fff;font-size: 1.2em;background: #008f4c;text-decoration:none;}
.modal_wrap .check_btn li a:hover {background:#a2dbf7; color:#333}
/*.modal_wrap .tree::-webkit-scrollbar {display:none!important}*/
.modal_wrap .btns.theme {background:#008f4c; color: #fff;}
.modal_wrap .btns.theme:hover {background:#fff; color:#008f4c}
.modal_wrap .table_guide {display:block; position:relative; overflow:hidden; overflow-x:auto; padding-bottom:45px; margin-bottom:0}
.modal_wrap .table_guide::before {content:'화면을 좌우로 스크롤 하세요.'; display:block; position:absolute; right:5px; bottom:8px; font-size:14px}
.modal_wrap .table_guide::after {content:''; display:block; position:absolute; right:185px; bottom:6px; width:28px; height:28px; z-index:10; background:url('/groups/tncc/images/common/table_scroll.png') no-repeat 50%; background-size:28px}
.modal_wrap .table_guide table {width:800px; margin-bottom:0}
.modal_wrap .tree .check_box {padding: 10px;overflow: hidden;}
.modal_wrap .tree .check_box li{width: calc(100% / 2);padding: 10px 0;float: left;margin-bottom: 3%;height: 50px;}
.modal_wrap .tree .form ul:last-child {border-right:none}
.modal_wrap .tree .form ul:last-child li {}
.modal_wrap .tree .form ul:last-child li a {padding: 13px 10px;/* border: 1px solid #dedede; */display: block;background: #ddd;color: #222;}
.modal_wrap .tree .form ul:last-child li a:hover {border:1px solid #dedede; background:#fff;}
.modal_wrap .tree .time_check {padding: 15px;width: 50%;float: left;height: 300px;/* margin-right: 20px; */border-right: 1px dashed #dedede;}
.modal_wrap .tree .time_check li{padding: 5px 0;}
.modal_wrap .tree .time_check li a { text-align: center; text-decoration: none; border-radius: 5px;}

@media all and (max-width:540px) {
	.modal_wrap {width:98%; margin-left:-49%;}
}

@media all and (max-width:400px) {
	.modal_wrap {margin-top:-275px;}
	.modal_wrap .tree {height:320px; max-height:320px}
}