@charset "euc-kr";
/****************************************/
/* Name: (ÁÖ)¿¡½ºÁö
/* PART: CONTENTS STYLE
/* Version: 1.0 / day: 2017-07-17
/* Author: °¡¿ìÅ×Å©

/* Summary
	1)¸ÞÀÎÄÜÅÙÃ÷
	2)¹ÝÀÀÇü ÄÜÅÙÃ÷(¸ÞÀÎÄÜÅÙÃ÷)
	3)¼­ºêÄÜÅÙÃ÷
	4)¹ÝÀÀÇü ÄÜÅÙÃ÷(¼­ºêÄÜÅÙÃ÷)
/****************************************/


/*
================================================================================
¸ÞÀÎÄÜÅÙÃ÷
================================================================================
*/

/* ºñÁ־󽽶óÀ̵å */
.mConBox1{position:relative;border-bottom:1px solid #dbdfe2}
.mConBox1 .visualSlide{height:311px;overflow:hidden}
.mConBox1 .visualSlide li{height:311px;background-repeat:no-repeat;background-position:center top}
.mConBox1 .visualSlide li.slide1{background-image:url('../img/main/slide1_1.jpg')}
.mConBox1 .bx-has-pager{position:absolute;top:215px;left:0;width:100%;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.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 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')}

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

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

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

/*
================================================================================
¹ÝÀÀÇü ÄÜÅÙÃ÷(¸ÞÀÎÄÜÅÙÃ÷)
================================================================================
*/

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

}


 /* Tablet Device */
@media all and (max-width:1000px){
	.mConBox1 .visualSlide li.slide1{background-image:url('../img/main/slide1_2.jpg')}
	.mConBox1 .bx-has-pager{top:180px}
	.mConBox1 .bx-has-pager .bx-pager{max-width:600px}
	.mConBox1 .control{top:183px;;margin-left: -315px;}

	.mConBox2 > ul{float:none;width:100%;}
	.mConBox2 > ul:first-child{border-bottom:1px solid #edeff0}
	.mConBox2 > ul::after{display:block;clear:both;content:''}
	.mConBox2 > ul > li{min-height:190px}

	.mConBox3 .mCust{float:none;width:auto;border-right:0;border-bottom:1px solid #dbdfe2}
	.mConBox3 .mCust dl{float:none;padding-left:20px;width:auto}
	.mConBox3 .mNotice{float:none;width:auto}
	.mConBox3 .mNotice dl{max-width:1000px}

	.mBot_bg{display:none}
}

 /* Mobile Device */
@media all and (max-width:640px){
	.mConBox1 .visualSlide li{height:247px}
	.mConBox1 .visualSlide li.slide1{background-image:url('../img/main/slide1_3.jpg')}
	.mConBox1 .bx-has-pager{top:115px}
	.mConBox1 .bx-has-pager .bx-pager{max-width:270px}
	.mConBox1 .bx-has-pager .bx-pager-item a{width:10px;height:10px}
	.mConBox1 .bx-has-pager .bx-pager-item a.active{width:25px}
	.mConBox1 .control{top:121px;;margin-left: -148px;}
	.mConBox1 .control button{width:10px;height:10px}

	.mConBox2 > ul{padding:0;}
	.mConBox2 > ul:first-child{border:0}
	.mConBox2 > ul:first-child > li:first-child{border:0}
	.mConBox2 > ul > li{float:none;padding:25px 15px;width:auto;border-top:1px solid #edeff0}
	.mConBox2 > ul > li .more{left:15px}

	.mConBox3 .mCust dl{padding:10px 15px;height:auto}
	.mConBox3 .mCust dl dt{padding:10px 0}
	.mConBox3 .mCust dl dd{padding:10px 0}
	.mConBox3 .mCust dl dd.mLoca{display:none}

	.mConBox3 .mNotice dl{padding:20px 15px 20px 100px}
	.mConBox3 .mNotice dl dt{left:15px;top:20px}
}


/*
================================================================================
¼­ºêÄÜÅÙÃ÷
================================================================================
*/

/* ¼­ºê°øÅë */
h2.title{margin-bottom:20px;padding-left:20px;font-size:18px;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_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 .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.on a{color:#fff;font-weight:700;background:#3d3d3d;border:1px solid #3d3d3d;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%}

/*
================================================================================
¹ÝÀÀÇü ÄÜÅÙÃ÷(¼­ºêÄÜÅÙÃ÷)
================================================================================
*/




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

	.s1_2_con{background:none}

	.s2_2_con .rtPh{position:relative;top:0;width:auto}

	.s3_4_con table{float:none;width:100%}
	.s3_4_con img{float:none;width:auto}

}

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

	.h1_txt{font-size:20px}
	.s1_1_con1 .txt2 img{float:none;display:block;margin:0 0 20px}
	.s1_1_con2{padding:10px}
	.s1_1_con2 li{padding-left:110px}

	.tabTxt li a{padding:0 20px}

	.s1_2_con dl{padding-left:0}
	.s1_2_con dl dt{position:relative;margin-bottom:10px}
	.s1_2_con dl dd ol li{padding-left:50px}

	.cerList li{width:50%}
	.cerList li:nth-child(4){clear:none}
	.cerList li:nth-child(2n+1){clear:both}

	.s1_4_con1{text-align:center;background:none}
	.s1_4_con1 li{text-align:left}

	.photo_row img{float:none;margin-bottom:10px;padding:0;width:auto;}

	.s2_3_con{padding-right:0;}
	.s2_3_con .rtPh{position:relative;top:0;display:block;width:auto;margin:0 auto}
}










/*¼­ºê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: 58.5%;
	left: -3%;
}
.m04{
	position: absolute;
	width: 25%;
	bottom:4%;
	left: 13%;
}
.m05{
	position: absolute;
	width: 25%;
	bottom: 4%;
	right: 13%;
}
.m06{
	position: absolute;
	width: 25%;
	bottom: 20%;
	right: -3%;
}
.m07{
	position: absolute;
	width: 25%;
	bottom: 0%;
	right: 38%;
}