@charset "utf-8";
/****************************************/
/* Name: (주)경진텔레콤
/* PART: CONTENTS STYLE
/* Version: 1.0 / day: 2017-07-17
/* Author: 가우테크

/* Summary
	1)메인콘텐츠
	2)반응형 콘텐츠(메인콘텐츠)
	3)서브콘텐츠
	4)반응형 콘텐츠(서브콘텐츠)
/****************************************/


/*
================================================================================
메인콘텐츠
================================================================================
*/


.jubok {display:inline-block;background:#152D76;color:#fff;padding:3px 12px 0px 12px;font-size:11px;line-height:18px;border-radius:5px;cursor:pointer}
.jubok > a {color:#fff !important}






/* 비주얼슬라이드 */
.mConBox1{position:relative;border-bottom:0px solid #dbdfe2}

/*
.mConBox1 .visualSlide{height:311px;overflow:hidden}
.mConBox1 .visualSlide li{height:311px;background-repeat:no-repeat;background-position:center top}
*/
.mConBox1 .visualSlide{height:550px;overflow:hidden;}
.mConBox1 .visualSlide li{height:550px;background-repeat:no-repeat;background-position:center top}




.mConBox1 .visualSlide li.slide1{background-image:url('/img/main/slide1_1.jpg')}
.mConBox1 .visualSlide li.slide2{background-image:url('/img/main/slide2_1.jpg')}
.mConBox1 .visualSlide li.slide3{background-image:url('/img/main/slide3_1.jpg')}

/*
.mConBox1 .bx-has-pager{position:absolute;top:215px;left:0;width:100%;z-index:100}
*/

.mConBox1 .bx-has-pager{position:absolute;top:384px;left:47%;width:78px;z-index:100;}


.mConBox1 .bx-has-pager .bx-pager{margin:0 auto;max-width:1090px}
.mConBox1 .bx-has-pager .bx-pager-item{display:inline-block;margin:0 2px}
/*
.mConBox1 .bx-has-pager .bx-pager-item a{display:block;width:14px;height:14px;text-indent:-999px;overflow:hidden;background:#dbdbdb;border-radius:50%}
*/
.mConBox1 .bx-has-pager .bx-pager-item a{display:block;width:14px;height:14px;text-indent:-999px;overflow:hidden;background:#fff;border-radius:50%}

.mConBox1 .bx-has-pager .bx-pager-item a.active{width:37px;background:#b72e27;border-radius:7px}

/*
.mConBox1 .control{position:absolute;top:218px;left:50%;margin-left:-560px;width:12px;height:12px;z-index:110}
*/
.mConBox1 .control{position:absolute;top:387px;left:50%;margin-left:-570px;width:12px;height:12px;z-index:110}


.mConBox1 .control button{display:block;width:12px;height:12px;text-indent:-999px;overflow:hidden;background-position:center;background-repeat:no-repeat}
.mConBox1 .control .stop-slide{background-image:url('../img/main/ic_stop.png')}
.mConBox1 .control .start-slide{background-image:url('../img/main/ic_play.png')}















/*********************************************************************새메인비주얼**************************************************************************************************/





.mainVisual {
	position: relative;
	padding: 0 0 0 0;
	width: 100%;
	/*
	margin: 0 auto 20px auto;
	*/
	margin: 0 auto 20px auto;

	/*
	height: 460px;
	*/

	/*
	height: 698px;
	*/

	height: 578px;

	overflow: hidden;
}




.mainVisual .visualBg {
	/*
	height: 432px;
	*/
	/*
	height: 670px;
	*/


	height: 550px;


	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9;

	/*****************링크걸기 위해 주석처리********************/
	/*
	text-indent: -2000%;
	*/
}
.mainVisual .visualBg1 {background: url("/img/main/slide1.jpg") no-repeat center 0;}
.mainVisual .visualBg2 {background: url("/img/main/slide3.jpg") no-repeat center 0;}
.mainVisual .visualBg3 {background: url("/img/main/slide4.jpg") no-repeat center 0;}
.mainVisual .visualBg4 {background: url("/img/main/slide2_1x.jpg") no-repeat center 0;}
.mainVisual .visualBg5 {background: url("/img/main/slide3_1.jpg") no-repeat center 0;}
.mainVisual .controller2 {
	width: 100%;
	position: absolute;
	z-index: 600;
	bottom: 0;
	margin: 0 auto;
}
.mainVisual .controller2 .rollBtnD {
	text-align: center;
}










/******************** 메인 슬라이딩 콘트롤러 *************************************************/

/*
.coq .bx-controls {
	text-align: center;
	padding: 25px 0 53px 0;
}
*/
#content .bx-controls {
	text-align: center;
	padding: 25px 0 20px 0;
}



#content .bx-controls .bx-pager-item {
	display: inline-block;
	width: 50px;
	height: 5px;
	background: #959595;
	color: #959595;
	margin: 0 2px;
}
#content .bx-controls .bx-pager-item a {
	display: block;
	width: 50px;
	height: 5px;
	background: #959595;
	text-indent: -999999999%;
}
#content .bx-controls .bx-pager-item a.active {
	display: block;
	width: 50px;
	height: 5px;
	background: #345c89;
	text-indent: -999999999%;
}


/******************** 메인 슬라이딩 콘트롤러 *************************************************/














/*********************************************************************새메인비주얼**************************************************************************************************/



























.newc {margin-bottom:37px}
.newc:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */
.newc {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
.newc > .newc_in {width:1176px;margin:0 auto;}
.newc_in > ul {}
.newc_in > ul:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */
.newc_in > ul {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
.newc_in > ul > li {float:left;border:1px solid #dddddd;width:274px;margin-right:26px;text-align:center;padding:9px}
.newc_in > ul > li:last-child {margin-right:0}
.newc_in > ul > li > h5 {font-size:18px;margin-top:20px;margin-bottom:15px}
.newc_in > ul > li > p {text-align:center}
.newc_in > ul > li > p.cgh {border:1px solid #ddd}
.newc_in > ul > li > p.ghj {color:#8a8a8a;font-size:14px;letter-spacing:-0.7px}
.newc_in > ul > li > a {border:1px solid #ddd;display:inline-block;width:118px;height:29px;line-height:29px;margin-top:20px;margin-bottom:9px;font-size:11px;color:#333;font-family:'Dotum';}
.newc_in > ul > li > a > span {vertical-align:-1px}
.newc_in > ul > li > a:hover {/*text-decoration:underline*/}







.mCB {border:1px solid #e4e4e4;border-width:1px 0;}
.mCB:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */
.mCB {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */


.mCB > .mCB_jn {width:1176px;margin:0 auto;}

.mCB > .mCB_jn:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */
.mCB > .mCB_jn {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */


.mCB > .mCB_jn > div {float:left}

.mCB > .mCB_jn > div:nth-child(1) {width:550px;}
.mCB > .mCB_jn > div:nth-child(2) {width:626px;padding:20px 0 20px 24px;border-left:1px solid #e4e4e4}






.mCus dl{padding:10px 0px 10px 0;width:523px;margin-right:49px}
.mCus dl dt{margin-bottom:10px;padding:15px;border-bottom:1px solid #e4e4e4;font-size:16px; color:#353535;font-weight:700}
.mCus dl dt span {font-size:12px;color:#585858;margin-left:6px}
.mCus dl dt img{margin-right:10px;vertical-align:bottom;}
.mCus dl dd{padding:10px}



.mCus dl dd span.kok {font-size:30px;font-weight:800;letter-spacing:-1.2px;color:#a3a3a3}
.mCus dl dd span.kok_xx {font-size:24px;font-weight:800;letter-spacing:-1.2px;margin-left:20px;color:#a3a3a3}


.c_2019 {margin-top:10px;display:inline-block;font-weight:700;font-size:14px;color:#8a8a8a}

.c_2019 span.a{font-size:16px;font-weight:700}
.c_2019 span.b{font-size:22px;font-weight:800;color:#a3a3a3}

.c_2019 span.cc{color:#b72e27}



.kgong {border-top:1px solid #e4e4e4;width:523px;}

.kgong h3 {font-size:16px;color:353535;font-weight:700;padding:10px 0 10px 15px;border-bottom:1px solid #e3e3e3;margin-bottom:18px;position:relative}

.kgong h3 span.a {font-size:12px;color:#585858;margin-left:6px}
.kgong h3 span.b {display:block;position:absolute;right:10px;top:9px}


.kgong ul li {background:url('/img/main/jum.gif') no-repeat 9px center;padding-left:16px;font-size:15px;line-height:24px;position:relative;




}


.kgong ul li  span.a {}


.kgong ul li a {color:#767676;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;

/*width:50%;*/
/*width:calc(100% - 130px);*/
display:inline-block;
}

.kgong ul li a:hover {text-decoration:underline}

.kgong ul li  span {position:absolute;right:0;color:#999;letter-spacing:-0.5px}



.kgong ul li  img {vertical-align:8px;margin-left:5px}








.mCus dl dd span.kok span.inkok {color:#b72e27}

.mCus dl dd span.kok_xx span.inkok {color:#b72e27}



.mCus dl dd.qlo {padding:0 0 12px 10px;font-size:13px;color:#8a8a8a}

.mCus dl dd span.kocc {font-weight:800;margin-left:6px}


/*
.mCus dl dd span.kocc  span.inkocc {font-size:11px;margin-left:6px}
*/
.mCus dl dd span.kocc  span.inkocc {font-size:11px;margin-top:10px;display:inline-block}



.mCus dl dd span.kocc a:hover {text-decoration:underline}
.mCus dl dd img{margin-right:10px;vertical-align:bottom;}
.mCus dl dd.mLoca{position:absolute;top:20px;right:40px;padding:0;width:110px;text-align:right;border-left:1px solid #e4e4e4}












.mNot {width:523px;border-top:1px solid #e4e4e4;height:116px}
.mNot dl{position:relative;padding:20px 25px 25px 130px;width:100%;}
.mNot dl dt{position:absolute;top:30px;left:15px;text-align:center;font-size:16px;color:#353535;font-weight:700}
.mNot dl dt .more{display:block;margin-top:2px}
.mNot dl dd li{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mNot dl dd li a{font-size:12px;color:#767676}
.mNot dl dd li a:hover{text-decoration:underline}
.mNot dl dd li > img {margin-left:3px}




.kej {width:523px;border-top:1px solid #e4e4e4;margin-bottom:10px;padding-top:8px}
.kej dl{position:relative;padding:20px 25px 25px 130px;width:100%;}
.kej dl dt{position:absolute;top:26px;left:15px;text-align:center;font-size:16px;color:#353535;font-weight:700;}
.kej dl dd {}
.kej dl dd img {margin-right:18px}

.kej dl dd > span {position:relative;font-size:22px;color:#003366;font-weight:600}


.kej dl dd > span > span {position:absolute;font-size:14px;color:#666666;left:0;top:24px}
















.mConBox2{margin:0 auto;max-width:1200px;}
.mConBox2:after{display:block;clear:both;content:''}
.mConBox2 > ul{float:left;padding:35px 0;width:50%}
.mConBox2 > ul:first-child li:first-child{border-left:0}
.mConBox2 > ul > li{position:relative;float:left;padding:0 35px;width:50%;min-height:190px;background-repeat:no-repeat;background-position:right 110px;border-left:1px solid #edeff0}
.mConBox2 > ul > li .more{position:absolute;top:115px;left:35px}
.mConBox2 > ul > li.ic1{background-image:url('../img/main/link_ic1.gif')}
.mConBox2 > ul > li.ic2{background-image:url('../img/main/link_ic2.gif')}
.mConBox2 > ul > li.ic3{background-image:url('../img/main/link_ic3.gif')}
.mConBox2 > ul > li.ic4 ul{margin-top:20px}
.mConBox2 > ul > li.ic4 ul:after{display:block;clear:both;content:''}
.mConBox2 > ul > li.ic4 ul li{float:left;margin:3px 0;padding-right:5px;width:50%}
.mConBox2 > ul > li.ic4 ul li a{display:block;padding:0 10px;height:22px;font-size:13px;color:#fff;line-height:22px;background:#4c4c4c}
.mConBox2 > ul > li.ic4 ul li a:hover{background:#394285 url('../img/main/ic_over.png') no-repeat right center}





.mConBox2x{margin:33px auto 33px auto;max-width:1200px;}
.mConBox2x:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */
.mConBox2x {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */

/*
.mConBox2x div{float:left;width:24.74%;text-align:center;border-right:1px solid #e4e4e4;vertical-align:top;height:auto;padding:12px 0}
*/
.mConBox2x div{float:left;width:24.74%;text-align:center;border-right:1px solid #e4e4e4;vertical-align:top;height:auto;padding:12px 0;}


.mConBox2x div:last-child {border:0}
.mConBox2x div h3 {font-size:18px;color:#353535;padding:15px 0 12px 0;vertical-align:top}

/*
.mConBox2x div p {text-align:center;font-size:14px; color:#8a8a8a;padding:0 25px;vertical-align:top;letter-spacing:-1px}
*/
.mConBox2x div p {

text-align:center;font-size:14px; color:#8a8a8a;padding:0 25px;vertical-align:top;letter-spacing:-1px

/*
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
*/
}







.mConBox2x ul {}
.mConBox2x ul li {display:inline-block;width:24.74%;text-align:center;border-right:1px solid #e4e4e4;vertical-align:top;height:auto;padding:12px 0}
.mConBox2x ul li:last-child {border:0}
.mConBox2x ul li h3 {font-size:18px;color:#353535;padding:15px 0 12px 0;vertical-align:top}
.mConBox2x ul li p {text-align:center;font-size:14px; color:#8a8a8a;padding:0 25px;vertical-align:top;letter-spacing:-1px}





/*

.mConBox3{border:1px solid #dbdfe2;border-width:1px 0}
.mConBox3::after{display:block;clear:both;content:''}
.mConBox3 .mCust{float:left;width:50%;background:#fafafa;border-right:1px solid #dbdfe2}
.mConBox3 .mCust dl{position:relative;float:right;padding:10px 195px 10px 0;width:580px;height:130px}
.mConBox3 .mCust dl dt{margin-bottom:10px;padding:15px;border-bottom:1px solid #dfdfdf}
.mConBox3 .mCust dl dt img{margin-right:10px;vertical-align:bottom;}
.mConBox3 .mCust dl dd{padding:10px}
.mConBox3 .mCust dl dd img{margin-right:10px;vertical-align:bottom;}
.mConBox3 .mCust dl dd.mLoca{position:absolute;top:20px;right:40px;padding:0;width:110px;text-align:right;border-left:1px solid #dbdfe2}
.mConBox3 .mNotice{float:left;width:50%}
.mConBox3 .mNotice dl{position:relative;padding:30px 25px 25px 130px;max-width:600px}
.mConBox3 .mNotice dl dt{position:absolute;top:30px;left:30px;text-align:center}
.mConBox3 .mNotice dl dt .more{display:block;margin-top:10px}
.mConBox3 .mNotice dl dd li{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mConBox3 .mNotice dl dd li a{font-size:12px;color:#767676}
*/

.mConBox3 {border:1px solid #e4e4e4;border-width:1px 0;padding-top:10px;padding-bottom:10px;}
.mConBox3::after{display:block;clear:both;content:''}


.mConBox3 > .mConBox3_in {width:1176px;margin:0 auto;}

/*
.mConBox3 .mCust{float:left;width:50%;background:#fff;border-right:1px solid #e4e4e4;}
*/
.mConBox3 .mCust{float:left;width:38%;background:#fff;border-right:1px solid #e4e4e4;}





.mConBox3 .mCust dl{position:relative;float:left;padding:10px 0px 10px 0;width:386px;margin-right:49px}




/*
.mConBox3 .mCust dl{position:relative;float:right;padding:10px 12px 10px 0;width:100%;height:130px}
*/



.mConBox3 .mCust dl dt{margin-bottom:10px;padding:15px;border-bottom:1px solid #e4e4e4;font-size:16px; color:#707070;font-weight:700}


.mConBox3 .mCust dl dt span {font-size:12px;color:#585858}
.mConBox3 .mCust dl dt img{margin-right:10px;vertical-align:bottom;}
.mConBox3 .mCust dl dd{padding:10px}

.mConBox3 .mCust dl dd span.kok {font-size:30px;font-weight:800;letter-spacing:-1.2px}
.mConBox3 .mCust dl dd span.kok span.inkok {color:#8fc227}
.mConBox3 .mCust dl dd span.kocc {font-weight:800}
.mConBox3 .mCust dl dd span.kocc  span.inkocc {font-size:11px;margin-left:6px}

.mConBox3 .mCust dl dd img{margin-right:10px;vertical-align:bottom;}
.mConBox3 .mCust dl dd.mLoca{position:absolute;top:20px;right:40px;padding:0;width:110px;text-align:right;border-left:1px solid #e4e4e4}

/*
.mConBox3 .mNotice{float:left;width:50%}
*/
.mConBox3 .mNotice{float:left;width:38%;border-right:1px solid #e4e4e4;min-height:133px}




.mConBox3 .mNotice dl{position:relative;padding:30px 25px 25px 130px;width:100%;}
.mConBox3 .mNotice dl dt{position:absolute;top:30px;left:30px;text-align:center;font-size:18px;color:#707070;font-weight:700}
.mConBox3 .mNotice dl dt .more{display:block;margin-top:10px}




.mConBox3 .mNotice dl dd li{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mConBox3 .mNotice dl dd li a{font-size:12px;color:#767676}
.mConBox3 .mNotice dl dd li a:hover{text-decoration:underline}




.mConBox3 .mNotice dl dd li > img {margin-left:3px}


.mConBox3 .mblog{float:left;width:24%;}



.mConBox3 .mblog  > ul {margin-left:42px;line-height:40px;margin-top:4px}

.mConBox3 .mblog  > ul > li > a >img {margin-right:12px}


.mConBox3 .mblog  > ul > li > a {font-size:14px;color:#707070;font-weight:600}


.mConBox3 .mblog  > ul > li > a:hover {text-decoration:underline}


.mBot_bg{height:270px;background:url('../img/main/bottom_bg.jpg') no-repeat center top}






.scimg {text-align:center}
.ges {color:#808080;margin-top:12px;margin-bottom:18px;background:url('/img/sub/nn.gif') left 4px no-repeat;padding-left:20px}


.ges2 {color:#808080;margin-top:3px;margin-bottom:0px;background:url('/img/sub/nn.gif') left 4px no-repeat;padding-left:20px}




.bon {margin-bottom:30px}



.bon :after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */
.bon  {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */


.bon > div {float:left}

.bon > div.a {width:50%}
.bon > div.b {width:50%}


.bon > div.a > img {border-radius:8px}


.bon img.dung {border-radius:8px}





.bon p.folk {font-family:'Nanum Myeongjo', 'Nanum Gothic',sans-serif;font-size:22px;line-height:1.3em;color:#31326B;font-weight:500}


.bon p.fin {font-weight:600;text-align:right}

.bon p.fin img {margin-left:12px}




.bon ul.ukk {

font-size:0;
letter-spacing:-5px
margin:0;
padding:0;
}

.bon ul.ukk li  {
display:inline-block;
font-size:15px;
letter-spacing:-0.5px;
vertical-align:top;
*display:inline;
*zoom:1;
margin-top:24px;

width:calc((100% - 48px)/3);
margin-right:24px;
}


.bon ul.ukk li:last-child {margin-right:0}



.bon ul.ukk li h3 {font-family:'Nanum Myeongjo', 'Nanum Gothic',sans-serif;font-size:24px;line-height:1.3em;font-weight:500;border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:12px}

.bon ul.ukk li p {word-break:break-all; word-wrap:break-word;}


.bon ul.ukk li h3 > span {display:inline-block;background:#4A97B7;color:#fff;width:44px;height:44px;text-align:center;line-height:44px;border-radius:44px;font-weight:700;margin-right:8px}
















.bon ul.ukk2 {

font-size:0;
letter-spacing:-5px
margin:0;
padding:0;
}

.bon ul.ukk2 li  {
display:inline-block;
font-size:14px;
letter-spacing:-0.5px;
vertical-align:top;
*display:inline;
*zoom:1;
margin-top:24px;
/*width:calc((100% - 48px)/2);*/
width:calc((100% - 48px)/1);
margin-right:48px;
}

span.kook {letter-spacing:-1px;display:inline-block}

.bon ul.ukk2 li:nth-child(2n) {margin-right:0}



.bon ul.ukk2 li h3 {font-family:'Nanum Myeongjo', 'Nanum Gothic',sans-serif;font-size:22px;line-height:1.3em;font-weight:500;border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:12px}

.bon ul.ukk2 li p {word-break:break-all; word-wrap:break-word;}


.bon ul.ukk2 li h3 > span {display:inline-block;background:#4A97B7;color:#fff;width:44px;height:44px;text-align:center;line-height:44px;border-radius:44px;font-weight:700;margin-right:8px}

.sub01_04_img{ margin:10px 0;}










.bon h4 {background:url('/img/sub/ling.png') no-repeat left 5px;padding-left:18px;font-size:18px;margin-bottom:10px}



.bon h4.tt {background:url('/img/sub/ling.png') no-repeat left 5px;padding-left:18px;font-size:16px;margin-bottom:10px}



.bon b {display:inline-block;margin-right:6px}



.bon > .hu {}




.bon > .hu {

font-size:0;
letter-spacing:-5px
margin:0;
padding:0;
}

.bon > .hu li  {
display:inline-block;
font-size:14px;
letter-spacing:-0.5px;
vertical-align:top;
*display:inline;
*zoom:1;
margin-bottom:24px;

width:calc((100% - 24px)/3);
margin-right:12px;

}

.bon > .hu li > img {border-radius:8px}


.bon > .hu li:nth-child(3n) {margin-right:0}

.bon > .hu li:nth-child(4) {margin-bottom:0}
.bon > .hu li:nth-child(5) {margin-bottom:0}
.bon > .hu li:nth-child(6) {margin-bottom:0}



.bon > ul.gm {}




.bon  ul.gm {margin-top:0px;margin-left:8px}
.bon  ul.gm li  {background:url('/img/sub/li_icon03.png') no-repeat 0px 6px !important;padding-left:16px;line-height:24px}


















.scimg_xx :after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */
.scimg_xx  {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */


.scimg_xx {font-size:15px;}


.scimg_xx > div {float:left}

.scimg_xx > div:first-child {width:330px;}


.scimg_xx > div:first-child > ul {margin-top:12px}

.scimg_xx > div:first-child > ul > li {font-size:15px;background:url('/img/main/jum.gif') no-repeat left center;padding-left:8px;color:#666}



.scimg_xx > div:nth-child(2) {width:810px}


.scimg_xx img {border-radius:5px;}

.scimg_xx .piy {font-size:28px;font-family:'Nanum Myeongjo';margin-bottom:12px;display:block}

p.gget {text-align:right;font-weight:700}

p.gget > span {font-family:'Nanum Brush Script';font-size:48px;font-weight:400;margin-top:0;padding-top:0}


.lioo {border-bottom:1px dashed #ddd;padding-bottom:24px}







.scimg_xxx {font-size:15px;}

.scimg_xxx :after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */
.scimg_xxx  {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */


.scimg_xxx > ul > li {font-size:15px;background:url('/img/main/jum.gif') no-repeat left 10px;padding-left:10px;color:#666}


.scimg_xxx p.pjy  {font-size:28px;font-family:'Nanum Myeongjo';margin-bottom:12px;display:block}



.scimg_xxx p img {border-radius:5px}


.scimg_xxx ul  li a {display:inline-block;color:#666}
.scimg_xxx ul  li a:hover {text-decoration:underline}






p.kkl {background:url('/img/sub/li_icon03.png') no-repeat 0px 6px !important;padding-left:16px;line-height:22px}


p.kuku {text-align:right;}







.g1 {position:relative;width:1140px}
.g1 > a.g12 {position:absolute;right:0;top:120px;background:#1C87AE;color:#fff;border-radius:5px;padding:3px 12px;font-weight:600;border:0}

.g1 > h3 {font-size:18px;margin-bottom:12px}
.g1 > p {margin-bottom:22px}

.g1 > div > h3 {font-size:18px;margin-bottom:12px}
.g1 > div > p {margin-bottom:22px}


.g1 > div > div >h3 {font-size:18px;margin-bottom:12px}
.g1 > div > div > p {margin-bottom:22px}
.g1 > div > div > p:last-child {margin-bottom:0px}



.g1 > div.tb_01 {display: table;height:242px}
.g1 > div.tb_01 > div.tb_02 {display: table-cell;vertical-align: middle;}



.g1 > img.ko_01 {width:50%;float:left;margin-right:25px;margin-bottom:20px;border-radius:5px}
.g1 > img.ko_02 {display:none}



.g1 > p.tot {border:1px solid #e4e4e4;text-align:center;font-size:20px;padding:20px;line-height:28px;background:url('/img/sub/gr4.jpg') no-repeat;background-size:cover;margin-bottom:12px}
.g1 > p.tot2 {border:1px solid #e4e4e4;text-align:center;font-size:20px;padding:20px;line-height:28px;background:url('/img/sub/gr4.jpg') no-repeat;background-size:cover;margin-bottom:30px}


.g1 > div.nugu {margin:18px 0 35px 0}
.g1 > div.nugu:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */
.g1 > div.nugu {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */



.g1 > div.nugu > div {float:left;border:1px solid #e4e4e4;min-height:200px;;padding:30px}
.g1 > div.nugu > div:nth-child(1) {width:49%;margin-right:2%;margin-bottom:26px;background:url('/img/sub/mn_01.png') no-repeat right bottom,url('/img/sub/mnb.png') no-repeat left bottom;}
.g1 > div.nugu > div:nth-child(2) {width:49%;margin-bottom:26px;background:url('/img/sub/mn_02.png') no-repeat right bottom,url('/img/sub/mnb.png') no-repeat left bottom;}
.g1 > div.nugu > div:nth-child(3) {width:49%;margin-right:2%;background:url('/img/sub/mn_03.png') no-repeat right bottom,url('/img/sub/mnb.png') no-repeat left bottom;}
.g1 > div.nugu > div:nth-child(4) {width:49%;background:url('/img/sub/mn_04.png') no-repeat right bottom,url('/img/sub/mnb.png') no-repeat left bottom;}


.cb {clear:both}


.g1 > div.nugu > div > h4 {font-size:16px}

ul.lin > li {background:url('/img/share/lin.gif') no-repeat left 10px; padding-left:12px }

ul.lin2 > li {background:url('/img/share/lin2.gif') no-repeat left 10px; padding-left:12px }

.ccoo {margin-bottom:8px !important}







.sctext {}

.sctext:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */
.sctext {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */


.sctext  > div {float:left;width:50%}





.sctext > .dung > img {border-radius:15px;margin-bottom:24px}

.sctext > .dung > img:last-child {margin-bottom:0px}


.sctext > .dung2 {padding-left:3%}

.sctext > .dung2 > div:last-child {margin-top:22px}


.sctext > .dung2 > div > p {margin-bottom:12px}

.sctext > .dung2 > div > p:last-child {text-align:right;font-weight:600}

span.bx {font-weight:600;color:#4A97B7}

span.ls {letter-spacing:-1px}


ul.ty {}
ul.ty:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */
ul.ty {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
ul.ty  > li {float:left;width:20%;text-align:center;border-right:1px solid #eee;margin-bottom:25px}
ul.ty  > li:nth-child(5n) {border-right:0}
ul.ty  > li > img {border-radius:15px;width:90%;}






ul.tyx {}
ul.tyx:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */
ul.tyx {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
ul.tyx  > li {float:left;width:25%;text-align:center;border-right:1px solid #eee;margin-bottom:25px}
ul.tyx  > li:nth-child(4n) {border-right:0}
ul.tyx  > li > img {border-radius:15px;width:40%;}




ul.tyx22 {}
ul.tyx22:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */
ul.tyx22 {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
ul.tyx22  > li {float:left;width:25%;text-align:center;border-right:1px solid #eee;margin-bottom:25px;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
padding:0 12px;
}
ul.tyx22  > li:nth-child(4n) {border-right:0}
ul.tyx22  > li > img {border-radius:15px;width:68%;}





ul.tyxy {}
ul.tyxy:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */
ul.tyxy {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
ul.tyxy  > li {float:left;width:33.33%;text-align:center;border-right:1px solid #eee;margin-bottom:25px}
ul.tyxy  > li:nth-child(3n) {border-right:0}
ul.tyxy  > li > img {border-radius:15px;width:90%;}



.bt_line {border-bottom:1px dashed #ddd}


.bt_line2 {border-bottom:1px dashed #ddd;padding-bottom:18px}


.bt_line3 {border-bottom:1px dashed #ddd;padding-bottom:26px}



.sctextxxx {}

.sctextxxx:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */
.sctextxxx {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */


.sctextxxx  > div {float:left;}

.sctextxxx  > div:nth-child(1) {width:30%;text-align:center}
.sctextxxx  > div:nth-child(2) {width:70%}


.sctextxxx  > div:nth-child(1) > img {width:84%}



.sey {margin-top:24px}


.sey:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */
.sey {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */

.sey > div {float:left}

.sey > div > p:nth-child(2) {margin:0px !important;}


.sey > div:nth-child(1) {width:20%;text-align:center;}
.sey > div:nth-child(2) {width:80%}


.sey > div > p {background:url('/img/sub/li_icon03.png') no-repeat 0px 6px !important;padding-left:16px;line-height:22px}







.sctext_890 {}

.sctext_890:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */
.sctext_890 {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */


.sctext_890 > ul:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */

.sctext_890 > ul {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */

.sctext_890 > ul > li {float:left;width:33.33%;text-align:center}

.sctext_890 > ul > li > img {border:1px solid #ddd;border-radius:15px}


.sctext_890 > ul > li > p {text-align:center;margin-top:12px;font-weight:600}




.sctext_890xt {}
.sctext_890xt:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */
.sctext_890xt {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
.sctext_890xt  > div {float:left;width:50%}
.sctext_890xt  > div:nth-child(1) > ul {}
.sctext_890xt  > div:nth-child(1) > ul:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */
.sctext_890xt  > div:nth-child(1) > ul {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
.sctext_890xt  > div:nth-child(1) > ul > li {float:left;width:32.00%;margin-right:2%;border:1px solid #ddd;margin-bottom:12px}
.sctext_890xt  > div:nth-child(1) > ul > li:nth-child(3n) {margin-right:0}
.sctext_890xt  > div:nth-child(1) > ul > li > p {text-align:center;background:#f9f9f9;border-top:1px solid #ddd;padding:12px 0;font-weight:600}
.sctext_890xt  > div:nth-child(2){padding-left:24px}
.sctext_890xt  > div:nth-child(2) > p {margin:0;margin-top:30px}
.sctext_890xt  > div:nth-child(2) > p:nth-child(1) {text-align:center;margin:0 auto 18px auto;width:300px}
.sctext_890xt  > div:nth-child(2) > p:nth-child(1) > span {font-family:'Nanum Brush Script','Nanum Gothic',sans-serif;font-weight:400;letter-spacing:0px;font-size:46px;color:#444;line-height:22px;}
.sctext_890xt  > div:nth-child(2) > p:nth-child(1):after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */
.sctext_890xt  > div:nth-child(2) > p:nth-child(1) {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
.sctext_890xt  > div:nth-child(2) > p:nth-child(1) > span {display:block;float:left;margin:0 8px}
.sctext_890xt  > div:nth-child(2) > p:nth-child(1) > span > span {font-family:'Nanum Gothic';font-size:13px;font-weight:600}
.sctext_890xt  > div:nth-child(2) > p.q1 {margin-bottom:12px;font-size:16px;font-weight:600;background:url('/img/sub/h2_dot.gif') no-repeat 0px 6px !important;padding-left:16px;}
.sctext_890xt  > div:nth-child(2) > p.q1 > span {font-weight:13px;font-weight:normal}
p.ltm {text-align:right !important;font-weight:600}














.hbq_01 {}

.hbq_01 > img {border-radius:10px}



.hbq_01 > p.p1 {margin-top:24px;font-family: 'Nanum Myeongjo';font-size:22px;line-height:28px;}

.hbq_01 > p.p1 > span {font-size:32px}

.hbq_01 > p > strong {color:#4A97B7}

.hbq_01 > p.p2 {margin-bottom:0}

.hbq_01 > p.p22 {text-align:right;font-family: 'Nanum Brush Script';font-size:32px;margin-bottom:0}

.hbq_01 > p.p22 > span {color:#4A97B7}




.line_line {border-bottom:1px dashed #ddd;padding-bottom:18px;margin-bottom:6px}




/*
================================================================================
반응형 콘텐츠(메인콘텐츠)
================================================================================
*/

 /* PC Device */
@media all and (min-width:1001px){

}


 /* Tablet Device */
@media all and (max-width:1000px){




}

 /* Mobile Device */
@media all and (max-width:640px){


}




@media all and (max-width:360px){



}








/*
================================================================================
서브콘텐츠
================================================================================
*/

/* 서브공통 */

/*
h2.title{margin-bottom:20px;padding-left:20px;font-size:18px;color:#373636;background:url('../img/sub/h2_dot.gif') no-repeat left 5px}
*/


h2.title{margin-bottom:20px;padding-left:20px;font-size:16px;color:#373636;background:url('../img/sub/h2_dot.gif') no-repeat left 5px}


h2.title.jung{margin-bottom:20px;font-size:16px;color:#373636;text-align:center;padding-left:0px;background:none}



h2.title2{margin-bottom:10px;padding-left:20px;font-size:16px;color:#373636;background:url('../img/sub/h2_dot.gif') no-repeat left 5px}

/*
.h1_txt{margin-bottom:40px;font-size:24px;color:#2e2e2e;line-height:28px}
*/
.h1_txt{margin-bottom:30px;font-size:22px;color:#2e2e2e;line-height:30px}

.h1_txt span.coc {color:#4A97B7;font-weight:700;font-size:22px}





/* 테이블 스타일 */






/* 새로 만든 테이블 스타일 2018_01_18 */
.table_style1 {font-family:'나눔고딕','Nanum Gothic',NanumGothic,'no400','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif !important; font-size:14px; line-height:20px;  letter-spacing:-.5px; color:#666; border-collapse:collapse;}
.table_style1 th {padding:10px 0; text-align:center; font-weight:600; border-top:2px solid #545861; border-bottom:1px solid #545861;}
.table_style1 th:first-child {padding:10px 0; border-top:2px solid #545861; border-bottom:1px solid #545861; }
.table_style1 td {padding:10px 0 ; border-bottom:1px solid #e3e3e3;text-align:center}
.table_style1 td.jm {text-align:left}
.table_style1 td.jm a:hover {text-decoration:underline}
.table_style1 td:first-child {}




.table_style1_1x {font-family:'나눔고딕','Nanum Gothic',NanumGothic,'no400','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif !important; font-size:14px; line-height:20px;  letter-spacing:-.5px; color:#666; border-collapse:collapse;}
.table_style1_1x th {padding:10px 0; text-align:center; font-weight:600; border-top:2px solid #545861; border-bottom:1px solid #545861;}
.table_style1_1x th:first-child {padding:10px 0; border-top:2px solid #545861; border-bottom:1px solid #545861; }
.table_style1_1x td {padding:10px 0 ; border-bottom:1px solid #e3e3e3;text-align:center}
.table_style1_1x td.jm {text-align:left}
.table_style1_1x td.jm a:hover {text-decoration:underline}
.table_style1_1x td:first-child {}

.table_style1_1x td.gut {font-weight:600}
.table_style1_1x td.gut a.aa {color:#BF0000}
.table_style1_1x td.gut a.bb {color:#1C87AE}







.table_style1_2x {font-family:'나눔고딕','Nanum Gothic',NanumGothic,'no400','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif !important; font-size:14px; line-height:20px;  letter-spacing:-.5px; color:#666; border-collapse:collapse;}
.table_style1_2x th {padding:10px 0; text-align:center; font-weight:600; border-top:2px solid #545861; border-bottom:1px solid #545861;}
.table_style1_2x th:first-child {padding:10px 0; border-top:2px solid #545861; border-bottom:1px solid #545861; }
.table_style1_2x td {padding:10px 0 ; border-bottom:1px solid #e3e3e3;text-align:center}
.table_style1_2x td.jm {text-align:left}
.table_style1_2x td.jm a:hover {text-decoration:underline}
.table_style1_2x td:first-child {}

.table_style1_2x td.gut {font-weight:600}
.table_style1_2x td.gut a.aa {color:#BF0000}
.table_style1_2x td.gut a.bb {color:#1C87AE}





/* 새로 만든 테이블 스타일 2018_01_18 */



.input_nk {height:28px;line-height: 28px; padding:0 7px; border: 1px solid #dedede;border-radius: 0px; box-sizing:border-box;color:#767676;max-width:100px}

.input_bt {height:28px;line-height: 28px; padding:0 18px; border: 0px solid #1C87AE;border-radius: 5px; box-sizing:border-box;color:#fff;background:#1C87AE;margin-left:3px;font-weight:700;cursor:pointer}

p.pcon {width:100%;text-align:center;margin-top:18px}


.input_bt_red {height:28px;line-height: 28px; padding:0 18px; border: 0px solid #1C87AE;border-radius: 5px; box-sizing:border-box;color:#fff;background:#BF0000;margin-left:3px;font-weight:700;}

.jsin {margin-bottom:18px}
.jsin:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */
.jsin {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */

.jsin > p {float:left}

.jsin > p:nth-child(1) {margin-right:6px}


.jkb{text-align:center;margin-top:18px}




.table_style1x {width:100%; font-family:'나눔고딕','Nanum Gothic',NanumGothic,'no400','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif !important; font-size:14px; line-height:20px;  letter-spacing:-.5px; color:#666; border-collapse:collapse;}
.table_style1x th {background-color:#f9f9f9; padding:14px 0; text-align:center; font-weight:600 !important;border-bottom:1px solid #e3e3e3; border-left:1px solid #e3e3e3; }
.table_style1x th:first-child {padding:14px 0; border-bottom:1px solid #e3e3e3; border-left:none;}




.table_style1x th {background-color:#f9f9f9; padding:14px 0; text-align:center; font-weight:normal; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3;}
.table_style1x th:last-child {border-right:0}


.table_style1x th.dfg {background:#fff}

.table_style1x td {padding:14px 10px 14px ; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3;background:#fff;text-align:center;
word-wrap: break-word; /* Internet Explorer 5.5+ */
/*white-space: pre-wrap;*/ /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-break:break-all;
}

.table_style1x td:last-child {border-right:none}
/*
.table_style1x tr:last-child td {background:#f9f9f9;font-weight:600}
*/
.table_style1x td:first-child {border-left:0}
.table_style1x th.gget {border-right:none}
.table_style1x td.tc {text-align:center}
.table_style1x td p.kelo {padding-bottom:8px}

.table_style1x td.ttc {border-right:1px solid #e3e3e3}
.table_style1x th.ttc {border-right:1px solid #e3e3e3}


.table_style1x th.kol {border-top:3px solid #38708F;}
.table_style1x td.kol {border-top:3px solid #4890b9;}
.table_style1x ul {margin-top:0px;margin-left:2px}
.table_style1x ul li  {background:url('/img/sub/li_icon03.png') no-repeat 0px 6px !important;padding-left:16px;line-height:22px}
.table_style1x ul li .hwang {color:#9A6B26;text-decoration:none}

.table_style1x td > a:hover {text-decoration:underline}








.table_style2 {width:100%; font-family:'나눔고딕','Nanum Gothic',NanumGothic,'no400','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif !important; font-size:14px; line-height:20px;  letter-spacing:-.5px; color:#666; border-collapse:collapse;}
.table_style2 th {background-color:#f9f9f9; padding:14px 0; text-align:center; font-weight:600 !important;border-bottom:1px solid #e3e3e3; border-left:1px solid #e3e3e3; }
.table_style2 th:first-child {padding:14px 0; border-bottom:1px solid #e3e3e3; border-left:none;}
.table_style2 th {background-color:#f9f9f9; padding:14px 0; text-align:center; font-weight:normal; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3;}
.table_style2 td {padding:14px 10px 14px 10px ; border-bottom:1px solid #e3e3e3; border-left:1px solid #e3e3e3;background:#fff;
word-wrap: break-word; /* Internet Explorer 5.5+ */
/*white-space: pre-wrap;*/ /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-break:break-all;}
.table_style2 td:first-child {border-left:0}
.table_style2 th.gget {border-right:none}
.table_style2 td.tc {text-align:center}
.table_style2 th.kol {border-top:3px solid #38708F;}
.table_style2 td.kol {border-top:3px solid #4890b9;}
.table_style2 ul {margin-top:0px;margin-left:2px}
.table_style2 ul li  {background:url('/img/sub/li_icon03.png') no-repeat 0px 6px !important;padding-left:16px;line-height:22px}
.table_style2 ul li .hwang {color:#9A6B26;text-decoration:none}


















.table_style2j {width:100%; font-family:'나눔고딕','Nanum Gothic',NanumGothic,'no400','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif !important; font-size:14px; line-height:20px;  letter-spacing:-.5px; color:#666; border-collapse:collapse;}
.table_style2j th {background-color:#f9f9f9; padding:14px 0; text-align:center; font-weight:600 !important;border-bottom:1px solid #e3e3e3; border-left:1px solid #e3e3e3; }
.table_style2j th:first-child {padding:14px 0; border-bottom:1px solid #e3e3e3; border-left:none;}
.table_style2j th {background-color:#f9f9f9; padding:14px 0; text-align:center; font-weight:normal; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3;}
.table_style2j td {padding:14px 10px 14px 10px ; border-bottom:1px solid #e3e3e3; border-left:1px solid #e3e3e3;background:#fff;
word-wrap: break-word; /* Internet Explorer 5.5+ */
/*white-space: pre-wrap;*/ /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-break:break-all;
}
.table_style2j td:first-child {border-left:0}
.table_style2j th.gget {border-right:none}

.table_style2j th.kol {border-top:3px solid #38708F;}
.table_style2j td.kol {border-top:3px solid #4890b9;}

.table_style2j td.rr {border-left:1px solid #e3e3e3;}

.table_style2j td.pdm {padding:30px 0px 0px 0px;border-bottom:0}


.table_style2j td.ctr {text-align:center}

/*
.table_style2j ul {margin-top:0px;margin-left:2px}
.table_style2j ul li  {background:url('/img/sub/li_icon03.png') no-repeat 0px 6px !important;padding-left:16px;line-height:22px;text-align:left}
.table_style2j ul li .hwang {color:#9A6B26;text-decoration:none}
*/



.table_style2j ul {margin-top:0px;margin-left:2px}
.table_style2j ul li  {display:inline-block;margin-right:24px;text-align:center;font-size:12px}


.table_style2j ul li > img {margin-bottom:6px;border:1px solid #e8e8e8;;border-radius:5px;height:100px}


.table_style2j ul li:last-cjild {margin-right:0}



.table_style2j ul li .hwang {color:#9A6B26;text-decoration:none}




.table_style2j td.ll {text-align:left}

.table_style2j td.sat {color:#4A97B7}
.table_style2j td.sun {color:#ff6600}

.table_style2j td span.sun {color:#ff6600}

.table_style2j td > span.trr {color:#999;text-decoration:line-through}


.table_style2j  td select {border: 1px solid #ddd;padding:0 0 0 12px;height:28px;line-height:28px}



.table_style2j  td textarea {border: 1px solid #ddd;padding:12px;width:100%}


































/*
.table_style2jcal {width:100%; font-family:'나눔고딕','Nanum Gothic',NanumGothic,'no400','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif !important; font-size:14px; line-height:20px;  letter-spacing:-.5px; color:#666; border-collapse:collapse;}
*/
.table_style2jcal {width:100%; font-family:'나눔고딕','Nanum Gothic',NanumGothic,'no400','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif !important; font-size:15px; line-height:20px;  letter-spacing:-.5px; color:#333; border-collapse:collapse;}

.table_style2jcal th {background-color:#f9f9f9; padding:14px 0; text-align:center;font-weight:600 !important;border-bottom:1px solid #e3e3e3; border-left:1px solid #e3e3e3; }

.table_style2jcal th:first-child {padding:14px 0; border-bottom:1px solid #e3e3e3; border-left:none;}
.table_style2jcal th {background-color:#f9f9f9; padding:14px 0; text-align:center; font-weight:normal; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3;}
.table_style2jcal td {padding:14px 10px 14px 10px ; border-bottom:1px solid #e3e3e3; border-left:1px solid #e3e3e3;background:#fff;
word-wrap: break-word; /* Internet Explorer 5.5+ */
/*white-space: pre-wrap;*/ /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-break:break-all;
text-align:center;

/***추가 2018_09_12 ***/
font-weight:600;
font-size:;
}
.table_style2jcal td:first-child {border-left:0}
.table_style2jcal th.gget {border-right:none}

.table_style2jcal th.kol {border-top:3px solid #38708F;}
.table_style2jcal td.kol {border-top:3px solid #4890b9;}

.table_style2jcal td.rr {border-left:1px solid #e3e3e3;}

.table_style2jcal td.pdm {padding:30px 0px 0px 0px;border-bottom:0}



/*
.table_style2jcal ul {margin-top:0px;margin-left:2px}
.table_style2jcal ul li  {background:url('/img/sub/li_icon03.png') no-repeat 0px 6px !important;padding-left:16px;line-height:22px;text-align:left}
.table_style2jcal ul li .hwang {color:#9A6B26;text-decoration:none}
*/




.table_style2jcal td.ll {text-align:left}

.table_style2jcal td.sat {color:#4A97B7}
.table_style2jcal td.sun {color:#ff6600}

.table_style2jcal td span.sun {color:#ff6600}

.table_style2jcal td > span.trr {color:#999;text-decoration:line-through}

/*
.table_style2jcal  td select {border: 1px solid #ddd;padding:0 0 0 12px;height:28px;line-height:28px}
*/
.table_style2jcal  td select {border: 1px solid #ddd;padding:0 0 0 12px;height:28px;line-height:28px;font-weight:600}



.table_style2jcal  td textarea {border: 1px solid #ddd;padding:12px;width:100%}







.table_style2jcal .ka_01 {background:#5284D4p;color:#fff;font-size:12px;border-radius:3px;padding:2px 8px !important} /*진행 */

.table_style2jcal .ka_02 {background:#16A07E;color:#fff;border:0px solid #e3e3e3;font-size:12px;border-radius:3px;padding:2px 8px  !important} /*가능 */

.table_style2jcal .ka_03 {background:#ff6600;color:#fff;font-size:12px;border-radius:3px;padding:2px 8px !important} /* 완료 */


.table_style2jcal .tee {height:auto;width:auto;display:inline-block;vertical-align:0px;margin-right:6px;margin-top:6px}










table.tutu3 {font-size:14px;}
table.tutu3 tr th {border-right:1px solid #ddd;border-bottom:1px solid #ddd;background:#f7f7f7;color:#8D8F9B;text-align:center;padding:8px 12px}
table.tutu3 tr td {border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:8px 12px}


table.tutu3 tr th.pyo {border-top:3px solid #38708F;}
table.tutu3 tr td.pyo {border-top:3px solid #4890b9;}





table.tutu3 tr th.bico {background:#CACBD3}
table.tutu3 tr th:last-child {border-right:0}
table.tutu3 tr td:last-child {border-right:0}
table.tutu3 tr td > ul.ib {margin:0;padding:0;font-size:0}
table.tutu3 tr td > ul.ib li {display:inline-block;margin-right:7px;

background:url('/img/sub/ku_l.gif') no-repeat right 5px;
font-size:14px;
padding-right:8px

}
table.tutu3 tr td > ul.ib li:last-child {background:none;margin-right:0;padding-right:0}

table.tutu3 tr td >input[type='text'] {border:1px solid #ddd;width:100%;height:26px;line-height:26px;padding:0 6px;font-size:14px}
table.tutu3 tr td >input[type='password'] {border:1px solid #ddd;width:100%;height:26px;line-height:26px;padding:0 6px;font-size:14px}
table.tutu3 tr td >input[type='file'] {border:1px solid #ddd;width:100%;height:26px;line-height:26px;padding:0 0px;font-size:14px}

table.tutu3 tr td >textarea {border:1px solid #ddd;width:100%;height:150px;padding:0 6px;font-size:14px}

table.tutu3 tr td.btt {border-bottom:0;text-align:center}

table.tutu3 tr td.btt > input[type='submit'] {background:#4A97B7;border:0;color:#fff;padding:8px 34px;border-radius:5px;font-size:14px;margin-top:20px;cursor:pointer;font-weight:800}


table.tutu3 tr td.pkk {padding-left:0;padding-right:0}

table.tutu3 tr td.pkk > textarea {padding:10px;line-height:1.5em;font-size:14px;color:#666;margin-bottom:6px;}













/*
.d_da {text-align:center;margin-bottom:18px}

.d_da > span {margin:0 24px;font-size:16px;font-weight:600}

.d_da > a {font-weight:600;color:#999}
*/



.d_da {text-align:center;margin-bottom:18px}

.d_da > span {margin:0 24px;font-size:18px;font-weight:600}

.d_da > a {font-weight:600;color:#666;font-size:16px}





/*
.d_da > a:hover {text-decoration:underline}
*/


/*
.qi {margin-top:12px;font-size:12px;border-bottom:1px solid #ddd;padding-bottom:12px}

.tee {height:24px;width:36px;display:inline-block;vertical-align:-6px;margin-right:6px}
*/


.qi {margin-top:12px;font-size:14px;border-bottom:1px solid #ddd;padding-bottom:12px;font-weight:600;color:#333}

.qix {margin-top:12px;font-size:14px;border-bottom:0px solid #ddd;padding-bottom:12px;font-weight:600;color:#333;width:330px}


.tee {height:24px;width:36px;display:inline-block;vertical-align:-6px;margin-right:6px}


.ykky {background:#345C89;color:#fff;padding:3px 12px;display:inline-block;border-radius:3px;font-size:13px}

.ykky2 {background:#159C7B;color:#fff;padding:3px 12px;display:inline-block;border-radius:3px;font-size:13px}




.tee:nth-child(2) {margin-left:12px}
.tee:nth-child(3) {margin-left:12px}






.ka_01 {background:#5284D4;border-radius:3px}
.ka_02 {background:#16A07E;border:0px solid #e3e3e3;border-radius:3px}
.ka_03 {background:#ff6600;border-radius:3px}



.font_red_12px {color:#FF0000;}
.font_blue_12px {color:  #007EFF;}


.font_blue_bxbx {font-weight:600;font-size:16px;color:#333}


.font_blue_b_12px {font: 12px;font-weight: bold;color: #007EFF;}



span.mau {text-align:center;display:block;margin-top:24px}


.inputbox_single {border:1px solid #ddd;height:28px;line-height:28px}


.tyu {margin-bottom:6px;display:inline-block}













.table_style22 {width:100%; font-family:'나눔고딕','Nanum Gothic',NanumGothic,'no400','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif !important; font-size:14px; line-height:20px;  letter-spacing:-.5px; color:#666; border-collapse:collapse;}
.table_style22 th {background-color:#f9f9f9; padding:14px 0; text-align:center; font-weight:600 !important;border-bottom:1px solid #e3e3e3; border-left:1px solid #e3e3e3; }
.table_style22 th:first-child {padding:14px 0; border-bottom:1px solid #e3e3e3; border-left:none;}
.table_style22 th {background-color:#f9f9f9; padding:14px 10px; text-align:center; font-weight:normal; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3;}
.table_style22 td {padding:14px 10px 14px 10px ; border-bottom:1px solid #e3e3e3; border-left:1px solid #e3e3e3;background:#fff

word-wrap: break-word; /* Internet Explorer 5.5+ */
/*white-space: pre-wrap;*/ /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-break:break-all;


}

.table_style22 td.llo {border-right:1px solid #e3e3e3}


.table_style22 td:first-child {border-left:0}
.table_style22 th.gget {border-right:none}
.table_style22 td.tc {text-align:center}
.table_style22 th.kol {border-top:3px solid #38708F;}
.table_style22 td.kol {border-top:3px solid #4890b9;}
.table_style22 ul {margin-top:0px;margin-left:2px}
.table_style22 ul li  {background:url('/img/sub/li_icon03.png') no-repeat 0px 6px !important;padding-left:16px;line-height:22px}
.table_style22 ul li .hwang {color:#9A6B26;text-decoration:none}







.table_style11 {width:100%; font-family:'나눔고딕','Nanum Gothic',NanumGothic,'no400','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif !important; font-size:14px; line-height:20px;  letter-spacing:-.5px; color:#666; border-collapse:collapse;}
.table_style11 th {background-color:#f9f9f9; padding:14px 0; text-align:center; font-weight:600 !important;border-bottom:1px solid #e3e3e3; border-left:1px solid #e3e3e3;font-size:22px;letter-spacing:-3px}
.table_style11 th:first-child {padding:14px 0; border-bottom:1px solid #e3e3e3; border-left:none;}
.table_style11 th {background-color:#f9f9f9; padding:14px 0; text-align:center; font-weight:normal; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3;}
.table_style11 td {padding:14px 10px 14px ; border-bottom:1px solid #e3e3e3; border-left:1px solid #e3e3e3;background:#fffl
word-wrap: break-word; /* Internet Explorer 5.5+ */
/*white-space: pre-wrap;*/ /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-break:break-all;}
.table_style11 td:first-child {border-left:0}
.table_style11 th.gget {border-right:none}
.table_style11 td.tc {text-align:center}
.table_style11 th.kol {border-top:3px solid #38708F;}
.table_style11 td.kol {border-top:3px solid #4890b9;}
.table_style11 ul {margin-top:0px;margin-left:2px}
.table_style11 ul li  {background:url('/img/sub/li_icon03.png') no-repeat 0px 6px !important;padding-left:16px;line-height:22px}
.table_style11 ul li .hwang {color:#9A6B26;text-decoration:none}







ul.jul {margin-top:0px;margin-left:18px}
ul.jul li  {background:url('/img/sub/li_icon03.png') no-repeat 0px 6px !important;padding-left:16px;line-height:22px}
ul.jul li .hwang {color:#9A6B26;text-decoration:none}










.h1_txt2{margin-bottom:40px;color:#4a4a4a;}
.li_dot{margin-bottom:30px}
.li_dot li{position:relative;padding-left:10px}
.li_dot li::before{position:absolute;left:0;top:0;content:'-'}
.li_dot2{margin-bottom:30px;text-align:left}
.li_dot2 li{position:relative;padding-left:10px}
.li_dot2 li::before{position:absolute;left:0;top:0;content:'·'}

.li_a{color:#3f7abe; border-bottom:1px solid #3f7abe; }

.dot{position:relative;margin-bottom:30px;padding-left:10px}
.dot::before{position:absolute;left:0;top:0;content:'-'}

.th_left tbody th{text-align:left}
.td_left tbody td{text-align:left}
.td_right tbody td,.td_right tfoot td{text-align:right}
.t_typel th,.t_typel td{border:0}
.t_typel {width:100%;font-size:14px;border-spacing:0;border-top:2px solid #7f7f7f;border-bottom:2px solid #7f7f7f;border-collapse: collapse}
.t_typel tr { text-align: center; }
.t_typel thead th{padding:15px 0;color:#333;line-height:18px;background:#fff;border-bottom:1px solid #e5e5e5;}
.t_typel tbody th{padding:15px 5px;font-size:18px;color:#555;font-weight:bold;text-align:left;background:#fff;border-bottom:1px solid #e5e5e5;}
.t_typel tbody td{padding:15px 10px;background:#fff;border-bottom:1px solid #e5e5e5;}

.t_typel2 th,.t_typel2 td{border:0}
.t_typel2 {width:100%;font-size:14px;border-spacing:0;border-top:3px solid #4890b9;border-collapse: collapse}
.t_typel2 tr { text-align: center; }
.t_typel2 thead th{padding:10px 0;color:#494949;line-height:18px;font-weight:normal;background:#f1f1f1;border:1px solid #e4e4e4;border-width:1px 0 1px 1px}
.t_typel2 thead th:first-child{border-left:0}
.t_typel2 tbody th{padding:10px 5px;color:#555;font-weight:normal;background:#f1f1f1;border:1px solid #e4e4e4;border-width:1px 1px 1px 0}
.t_typel2 tbody td{padding:10px 5px;background:#fff;border:1px solid #e4e4e4;border-width:1px 0 1px 1px}
.t_typel2 tbody td:first-child{border-left:0}


/* 모바일 이미지 확대보기(새창) */
.mblink{position:relative}
.mblink a{display:none;position:absolute;bottom:10px;right:10px;width:40px;height:40px;text-indent:-999px;overflow:hidden;background:#fff url("../img/sub/mb_ic_search.png") no-repeat center center;background-size:16px;border:2px solid #ccc;border-radius:50%;opacity:0.7}
@media all and (max-width:640px){
	.mblink a{display:block}
	/* 모바일 테이블 가로스크롤 */
	.mb_scroll{position:relative;padding-top:20px;width:100%;overflow:auto}
	.mb_scroll table{width:800px}
	.mb_scroll::before{position:absolute;top:-4px;left:0;content:'좌우Scroll ▶'}
	.mb_scroll::after{display:block;position:absolute;top:0;right:0;width:27px;height:100%;content:'';z-index:2;}
}

/* 서브콘텐츠 */


/*
.s1_1_con1{margin-bottom:50px}
*/
.s1_1_con1{margin-bottom:30px}


.s1_1_con1 .txt1::after{display:block;clear:both;content:''}
.s1_1_con1 .txt2 img{float:right;margin:0 0 10px 30px}

.s1_1_con2{padding:30px;border:1px solid #5089a9;border-width:2px 0}
.s1_1_con2 li{position:relative;margin:10px 0;padding-left:140px}
.s1_1_con2 li .name{position:absolute;top:0;left:0;width:100px;word-spacing: 5px;color:#3c3c3c}
.s1_1_con2 li .name.l1{word-spacing: 16px}
.s1_1_con2 li .name.l2{word-spacing: 46px}

.tabTxt{margin-bottom:40px;height:40px;border-bottom:1px solid #d2d2d2}
.tabTxt::after{display:block;clear:both;content:''}
.tabTxt li{float:left;}


.tabTxt li a{position:relative;display:block;padding:0 30px;height:40px;color:#808080;line-height:40px;border:1px solid #d2d2d2}

.tabTxt li a {border-right:none}
.tabTxt li:last-child a {border-right:1px solid #d2d2d2}

.tabTxt li.on a{color:#fff;font-weight:700;background:#38708F;border:1px solid #38708F;z-index:1}
.tabTxt li.on a:after{position:absolute;left:50%;bottom:-8px;margin-left:-7.5px;width:15px;height:8px;content:'';background:url('../img/sub/tab_arrow.png') no-repeat}

.s1_2_con{background:url('../img/sub/s1_2_img.jpg') no-repeat right top;background-size:40%}
.s1_2_con dl{position:relative;margin-bottom:30px;padding-left:85px}
.s1_2_con dl dt{position:absolute;top:0;left:0;padding-left:20px;font-size:18px;color:#373636;background:url('../img/sub/h2_dot.gif') no-repeat left 5px}
.s1_2_con dl dd ol li{position:relative;padding-left:20px;line-height:26px}
.s1_2_con dl dd ol li .month{position:absolute;top:0;left:0;font-size:18px;color:#373636;}

.cerList::after{display:block;clear:both;content:''}
.cerList li{float:left;margin-bottom:20px;padding:0 5px;width:33.33%;text-align:center}
.cerList li span{display:inline-block;margin-top:10px;padding-left:20px;text-align:left;line-height:18px;background:url('../img/sub/h2_dot.gif') no-repeat left 2px}
.cerList li:nth-child(4){clear:both}
.cerList.li5 li{width:50%}

.s1_4_con1{margin-bottom:40px;background:url('../img/sub/s1_4_img2.jpg') no-repeat right top;background-size:50%}
.s1_4_con1 ul{margin-top:30px}
.s1_4_con1 ul li{margin-bottom:5px}
.s1_4_con2{text-align:center}





.root_daum_roughmap_landing{/*width:100% !important*/}/* 다음지도 api 가로값 100%로 */









.s2_1_con{margin-bottom:30px}
.s2_1_con::after{display:block;clear:both;content:''}
.s2_1_con p{float:left;max-width:565px}
.s2_1_con img{float:right;margin:0 50px 0 0}

.photo_row{margin-bottom:40px;text-align:center}
.photo_row::after{display:block;clear:both;content:''}
.photo_row img{float:left;width:50%;padding:5px}

.s2_2_con{position:relative;min-height:420px}
.s2_2_con .rtPh{position:absolute;top:40px;right:0;width:55%;}

.s2_3_con{position:relative;padding-right:50%;min-height:350px}
.s2_3_con .rtPh{position:absolute;top:-40px;right:0;padding:5px;width:50%}

.s3_4_con{margin-bottom:40px}
.s3_4_con::after{display:block;clear:both;content:''}
.s3_4_con table{float:left;width:75%}
.s3_4_con img{float:right;width:25%}





.fr {float:right}












.syy {}


.syy:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */
.syy {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */

.syy > div > h2 {width:80%;margin-left:10%}
.syy > div {float:left;width:50%;border-bottom:1px dashed #ccc;padding-bottom:30px;border-right:1px dashed #ccc;}
.syy div div {width:80%;margin:0 auto}
.syy div p {width:80%;margin:0 auto;height:30px}

.syy > div:nth-child(1) {border-top:1px dashed #ccc;padding-top:30px}
.syy > div:nth-child(2) {border-top:1px dashed #ccc;padding-top:30px}
.syy div:nth-child(3) {}
.syy div:nth-child(4) {}


.syy div:nth-child(2n) {border-right:none}
.syy div:nth-child(3) {border-bottom:none;padding-top:30px;}
.syy div:nth-child(4) {border-bottom:none;padding-top:30px}




.syy > div > p {margin-top:0px;margin-left:10%}
.syy > div > p {background:url('/img/sub/li_icon03.png') no-repeat 0px 6px !important;padding-left:16px;line-height:22px}



.kex {border-bottom:1px dashed #ccc;padding-bottom:30px;margin-bottom:30px}



.dpp {}

.dpp:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */
.dpp{*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */

.dpp> div {float:left;width:50%;}

.dpp> div:nth-child(1) {width:40%}
.dpp> div:nth-child(2) {width:56%;margin-left:4%}








.input_k {width: 100%;height:35px;line-height: 35px; padding:0 7px; border: 1px solid #dedede;background-color:#f7f7f7;border-radius: 0px; box-sizing:border-box;margin-bottom:6px;color:#767676}
.input_k_file {width: 100%;height:35px;line-height: 35px; padding:0 7px;}

.height_150 {height:150px}
.butt_k {height: 35px;width: 80%;max-width:300px;border-radius:5px;background-color: #4890B9;color: #ffffff;border:0}




.sctext2 {}


.dui {}
.dui:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */
.dui {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
.dui > div {float:left;width:50%;}





.kk {position:relative}
span.gj {position:absolute;display:inline-block;text-align:right !important;width:100%;font-size:13px;right:0;font-weight:normal}




/*
input[type="button"].bnt {display:block;margin:0 auto;background:#345C89;color:#fff;border:0;padding:8px 24px;border-radius:5px;cursor:pointer}

input[type="submit"].bnt {display:block;margin:0 auto;background:#345C89;color:#fff;border:0;padding:8px 24px;border-radius:5px;cursor:pointer}





input[type="button"].bntx {display:inline-block;margin:0 auto;background:#345C89;color:#fff;border:0;padding:8px 24px;border-radius:5px;cursor:pointer}

input[type="submit"].bntx {display:inline-block;margin:0 auto;background:#345C89;color:#fff;border:0;padding:8px 24px;border-radius:5px;cursor:pointer}
*/







input[type="button"].bnt {display:block;margin:0 auto;background:#345C89;color:#fff;border:0;padding:12px 30px;border-radius:5px;cursor:pointer;font-weight:600;font-size:18px}

input[type="submit"].bnt {display:block;margin:0 auto;background:#345C89;color:#fff;border:0;padding:12px 30px;border-radius:5px;cursor:pointer;font-weight:600;font-size:18px}





input[type="button"].bntx {display:inline-block;margin:0 auto;background:#345C89;color:#fff;border:0;padding:12px 30px;border-radius:5px;cursor:pointer;font-weight:600;font-size:18px}

input[type="submit"].bntx {display:inline-block;margin:0 auto;background:#345C89;color:#fff;border:0;padding:12px 30px;border-radius:5px;cursor:pointer;font-weight:600;font-size:18px}








.su {text-align:center}

.su > p {text-align:center}



ul.qqq {}

ul.qqq > li {margin-bottom:10px;padding-left:18px;background:url('/img/sub/li_icon03.png') no-repeat left 5px;font-weight:normal}














/*
================================================================================
반응형 콘텐츠(서브콘텐츠)
================================================================================
*/




/* Tablet Device */
@media all and (max-width:1000px){




}










/* Mobile Device */
@media all and (max-width:640px){



}










/*서브css추가*/

.m_img{
    position: relative;
    max-width: 920px;
    margin: 0 auto;
}
.m_img img{width:100%;}
.m01{
	position: absolute;
	width: 25%;
	top: 0;
	left: 0;
}
.m02{
	position: absolute;
	width: 25%;
	right: 0;
	top: 0;
}
.m03{
	position: absolute;
	width: 25%;
	top: 65.5%;
	left: 0;
}
.m04{
	position: absolute;
	width: 25%;
	bottom: 0;
	left: 25%;
}
.m05{
	position: absolute;
	width: 25%;
	bottom: 0;
	right: 25%;
}
.m06{
	position: absolute;
	width: 25%;
	bottom: 13%;
	right: 0;
}














.grex {}
.grex:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */
.grex {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
.grex > div {float:left}
.grex > div:nth-child(1) {width:382px;margin-right:20px}
.grex > div:nth-child(1)  > img {/*border-right:1px dashed #ddd;*/border-radius:15px}
.grex > div:nth-child(2) {width:calc(100% - 403px)}
.grex > div:nth-child(2)  > p {margin-bottom:12px;margin-left:2px}



h3.title{margin-bottom:18px;padding-left:18px;font-size:16px;color:#373636;background:url('../img/sub/h2_dot.gif') no-repeat left 5px}


h4.title{margin-bottom:10px;padding-left:18px;font-size:14px;color:#373636;background:url('../img/sub/li_icon03.png') no-repeat left 5px;font-weight:normal}




.grex2 {}
.grex2:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */
.grex2 {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
.grex2 > div {float:left}
.grex2 > div:nth-child(1) {width:764px;margin-right:20px}
.grex2 > div:nth-child(1)  > img {/*border-right:1px dashed #ddd;*/border:0px solid #eee;border-radius:15px}
.grex2 > div:nth-child(2) {width:calc(100% - 784px)}
.grex2 > div:nth-child(2)  > p {margin-bottom:12px;margin-left:2px}







.grex3 {}
.grex3:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */
.grex3 {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */


.grex3 > div > p.imim {text-align:center}

.grex3 > div > p.clcl {margin-left:2px}

.grex3 > div > p.imim > img {width:70%}

.grex3 > div {float:left;}

/*
.grex3 > div:nth-child(1) {width:10%}
.grex3 > div:nth-child(2) {width:60%}
*/
.grex3 > div:nth-child(1) {width:40%;}
.grex3 > div:nth-child(2) {width:60%;}



.grex3 > div> h4 {text-align:center}

.ingre {}
.ingre:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */
.ingre {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */


.ingre > ul {float:left;width:49%}


strong.cdd {color:#4A97B7}






.grexq {}

.grexq:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */
.grexq {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */


.grexq > p {background:url('/img/share/lin.gif') no-repeat left 10px; padding-left:12px;margin-left:3px }




.grexq > ul:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */
.grexq > ul {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */




.grexq > ul > li {float:left;width:24.0%;margin-right:1.2%;margin-bottom:18px;text-align:center}


.sub.sub_03.page_01.page_01_04.tab_01  .grexq > ul > li > img {border:1px solid #ddd}




.grexq > ul.iso > li {float:left;width:19.0%;margin-right:1.2%;margin-bottom:18px;text-align:center}


.grexq > ul.iso > li > img {height:154px}








.grexq > ul.isox > li {float:left;width:30%;margin-right:1.2%;margin-bottom:18px;text-align:center}




.grexq > ul.isox > li > img {}


.grexq > ul.isox:nth-child(3n) {margin-right:0}



.grexq > ul.iso > li:nth-child(4) {margin-right:1.2%}
.grexq > ul.iso > li:nth-child(5n) {margin-right:0}



.grexq > ul > li > h5  {margin-top:8px}

.grexq > ul > li:nth-child(4n) {margin-right:0}


.grexq > ul > li:nth-child(9) {margin-bottom:0}
.grexq > ul > li:nth-child(10) {margin-bottom:0}
.grexq > ul > li:nth-child(11) {margin-bottom:0}
.grexq > ul > li:nth-child(12) {margin-bottom:0}



.grexq > ul.isoiso > li:nth-child(5) {margin-bottom:0}
.grexq > ul.isoiso > li:nth-child(6) {margin-bottom:0}
.grexq > ul.isoiso > li:nth-child(7) {margin-bottom:0}
.grexq > ul.isoiso > li:nth-child(8) {margin-bottom:0}


.grexq > ul > li > img {border-radius:15px}



ul.line {border-bottom:1px dashed #ddd;padding-bottom:6px;margin-bottom:6px}








































.tap_wrap {position:relative;width:100%;margin-top:38px;border-top:0px solid #ddd}

.tap_wrap > .tab > h3 {width: 140px;height: 34px;line-height:34px;text-align:center;background: #fff;position:absolute;top:-34px;border-top: 1px solid #ddd;border-right: 1px solid #ddd;border-left: 1px solid #ddd;border-bottom: 0px solid #ddd;cursor: pointer;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;font-size:15px;font-weight:600;color:#666;
border-top-left-radius:8px;
border-top-right-radius:8px;


}
.tap_wrap > .tab > h3  {
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
}
.tap_wrap > .tab > h3 > span {
display:block;font-size:12px;color:#fff;font-weight:normal;letter-spacing:0;margin:0;padding:0;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
color:#888;
}


/*
.tap_wrap > .tab > .tit1{left: 0%;}
.tap_wrap > .tab > .tit2{left:139px;}
.tap_wrap > .tab > .tit3{left:398px;}
.tap_wrap > .tab > .tit4{left: 50.28%;}
.tap_wrap > .tab > .tit5{left: 67.02%;}
.tap_wrap > .tab > .tit6{left: 83.74%;width:16.20%}
*/


.tap_wrap > .tab > .tit1{left: 0%;}
.tap_wrap > .tab > .tit2{left:139px;width:180px}
.tap_wrap > .tab > .tit3{left:318px;width:220px}
.tap_wrap > .tab > .tit4{left: 50.28%;}
.tap_wrap > .tab > .tit5{left: 67.02%;}
.tap_wrap > .tab > .tit6{left: 83.74%;width:16.20%}




.tap_wrap > .tab:first-child > h3 {border-left: 1px solid #ddd;}
.tap_wrap > .on:first-child >  h3 {border-left: 1px solid #6899D9;}
.tap_wrap > .on > h3 {background: #6899D9;color: #fff;border-top: 1px solid #6899D9;border-bottom: 0px solid #6899D9;border-left: 1px solid #6899D9; border-right: 1px solid #6899D9;}
.tap_wrap > .tab > h3 > a {display:block;/*background:#ff6600;width:100%*/}
.tap_wrap > .on > h3 > a {color: #fff;display:block;/* background:#ff6600;width:100%*/}
.tap_wrap > .on > h3  > span{color: #fff;}

/*
.tap_wrap > .tab > h3:hover{background: #6899D9;color: #fff;border: 1px solid #6899D9;}
.tap_wrap > .tab > h3:hover > a {color: #fff}
.tap_wrap > .tab > h3:hover > span{color: #fff;}
*/


/*
.tap_wrap > .tab:first-child >  h3:hover {border-left: 1px solid #6899D9;}
*/


.tap_wrap > .tab > .pannel:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */
.tap_wrap > .tab > .pannel {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
.tap_wrap > div > .pannel {padding:0px 0px 0px 0px}

/*
.tap_wrap > .tab > .pannel{display:none;}
.tap_wrap > .on >  .pannel{display:block;}
*/


.tap_wrap > .tab > .pannel{


 position:absolute;
   top:-10000px;
   left:-10000px;
}
.tap_wrap > .on >  .pannel{display:block;position:static;}