@charset "utf-8";

/* margin */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, th, td {margin:0; padding:0; font-size:100%; background:transparent;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}

/* align */
img, input, button, select {vertical-align:middle; margin:0;}
img {max-width:100%; height:auto;}

/* text */
address, caption, em, cite {font-weight:normal; font-style:normal;}
ins {text-decoration:none;}
del {text-decoration:line-through;}

/* list */
ol, ul {list-style:none;}

/* line  */
fieldset, img, abbr, acronym {border:none;}

caption, .hidden {display:none;}
label {cursor:pointer;}

/* 기본 여백 */
.marBott5 {margin-bottom:5px;}
.marBott10 {margin-bottom:10px;}
.marBott15 {margin-bottom:10px;}
.marBott20 {margin-bottom:20px;}
.marBott25 {margin-bottom:25px;}
.marBott30 {margin-bottom:30px;}
.marBott35 {margin-bottom:30px;}
.marBott40 {margin-bottom:30px;}
.marBott45 {margin-bottom:30px;}
.marBott50 {margin-bottom:30px;}
.marBott55 {margin-bottom:30px;}
.marBott60 {margin-bottom:30px;}
.marBott65 {margin-bottom:30px;}
.marBott70 {margin-bottom:30px;}
.marBott75 {margin-bottom:30px;}
.marBott80 {margin-bottom:30px;}
.marBott85 {margin-bottom:30px;}
.marBott90 {margin-bottom:30px;}
.marBott95 {margin-bottom:50px;}
.marBott100 {margin-bottom:50px;}

.marTop5 {margin-top:5px;}
.marTop10 {margin-top:10px;}
.marTop15 {margin-top:15px;}
.marTop20 {margin-top:20px}
.marTop25 {margin-top:25px;}
.marTop30 {margin-top:30px;}
.marTop35 {margin-top:30px}
.marTop40 {margin-top:30px;}
.marTop45 {margin-top:30px;}
.marTop50 {margin-top:30px}
.marTop55 {margin-top:30px;}
.marTop60 {margin-top:30px;}
.marTop65 {margin-top:30px}
.marTop70 {margin-top:30px}
.marTop75 {margin-top:50px}
.marTop80 {margin-top:50px}

@media all and (min-width:1200px) {
	.marBott5 {margin-bottom:5px;}
	.marBott10 {margin-bottom:10px;}
	.marBott15 {margin-bottom:10px;}
	.marBott20 {margin-bottom:20px;}
	.marBott25 {margin-bottom:25px;}
	.marBott30 {margin-bottom:30px;}
	.marBott35 {margin-bottom:30px;}
	.marBott40 {margin-bottom:40px;}
	.marBott45 {margin-bottom:45px;}
	.marBott50 {margin-bottom:50px;}
	.marBott55 {margin-bottom:55px;}
	.marBott60 {margin-bottom:60px;}
	.marBott65 {margin-bottom:65px;}
	.marBott70 {margin-bottom:70px;}
	.marBott75 {margin-bottom:75px;}
	.marBott80 {margin-bottom:80px;}
	.marBott85 {margin-bottom:85px;}
	.marBott90 {margin-bottom:90px;}
	.marBott95 {margin-bottom:95px;}
	.marBott100 {margin-bottom:100px;}

	.marTop5 {margin-top:5px;}
	.marTop10 {margin-top:10px;}
	.marTop15 {margin-top:15px;}
	.marTop20 {margin-top:20px}
	.marTop25 {margin-top:25px;}
	.marTop30 {margin-top:30px;}
	.marTop35 {margin-top:35px}
	.marTop40 {margin-top:40px;}
	.marTop45 {margin-top:45px;}
	.marTop50 {margin-top:50px}
	.marTop55 {margin-top:55px;}
	.marTop60 {margin-top:60px;}
	.marTop65 {margin-top:65px}
	.marTop70 {margin-top:70px}
	.marTop75 {margin-top:75px}
	.marTop80 {margin-top:80px}
}


/*기본*/
.Fleft {float:left;}
.Fright {float:right;}
.ColorR {color:#f65354 !important;}
.ColorB {color:#1161be !important;}
.ColorG {color:#00a651 !important;}
.ColorYG {color:#72b669 !important;}
.ColorP {color:#703fc3 !important;}
.ColorO {color:#ff9a11 !important;}
.ColorY {color:#ffe24a !important;}
.ColorGy {color:#666 !important;}
.Tleft {text-align:left !important;}
.Tcenter {text-align:center;}
.Tright {text-align:right;}
.Tjust {text-align:justify;}
.OverF {overflow:hidden;}
.ClearB {clear:both;}
.WordB {word-break:keep-all;}
.WordBA {word-break:break-all;}
.bold {font-weight:bold;}
.uline {text-decoration-line:underline; text-decoration-thickness:1px; text-underline-offset:5px;}
.hide {display:none;}
.root_daum_roughmap .hide {display:block !important;}
.LH15 {line-height:1.5em;}
.LH32 {line-height:32px;}
.LH40 {line-height:40px;}
.BtnBT {text-align:center; clear:both; overflow:hidden; margin:20px auto;}
.BGNo {background:none !important;}
.noline {border:none !important;}
.InkLipquid {font-family:'InkLipquid';}
.F12 {font-size:10px !important;}
.F13 {font-size:11px !important;}
.F14 {font-size:12px !important;}
.F16 {font-size:16px !important;}
.F17 {font-size:17px !important;}
.F20 {font-size:16px !important;}
.F25 {font-size:25px !important;}
.F30 {font-size:30px !important;}
.F35 {font-size:35px !important;}
.img {max-width:100%;}
.img100 {width:100%}

@media all and (min-width:1200px) {
	.F14 {font-size:14px !important;}
	.F20 {font-size:20px !important;}
}

/* 메인팝업 */
/* skinA :팝업1개 */
.newPOPUP.skinA {display:block; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); position:fixed; top:0; bottom:0; left:0; z-index:9999;}
.newPOPUP.skinA .pop_cont {overflow:hidden; position:fixed; top:40%; left:50%; transform:translate(-50%, -40%); width:290px; height:auto;}

.newPOPUP.skinA .pop_wrap {position:relative;}
.newPOPUP.skinA .popIMG {overflow:hidden; min-height:300px; max-height:300px;}
.newPOPUP.skinA .popIMG img {width:100%; height:auto; min-height:300px; max-height:300px;}

.newPOPUP.skinA .popRoll {display:flex !important; justify-content:center; text-align:center; position:absolute; left:inherit; top:10px; bottom:inherit; width:100%; z-index:2;}
.newPOPUP.skinA .popRoll li {display:inline-block; width:24px; margin:0 0.1em;}
.newPOPUP.skinA .popRoll li a {display:block; background-color:rgba(0,0,0,.3); height:5px;}
.newPOPUP.skinA .popRoll li a:hover,
.newPOPUP.skinA .popRoll li.slick-active a {background:#ff9a11;}

.newPOPUP.skinA .pop_bn {width:100%; font-size:0; text-align:center; overflow:hidden; background:#fff;}
.newPOPUP.skinA .pop_bn a {display:inline-block; width:50%; height:40px; line-height:40px;}
.newPOPUP.skinA .pop_bn a img {width:100%; height:auto; max-height:40px; padding:0; box-sizing:border-box;}

.newPOPUP.skinA .pop_close {position:absolute; bottom:30px; left:50%; transform:translateX(-50%); width:auto; text-align:center; z-index:999;}
.newPOPUP.skinA .pop_close a {display:block; float:left; padding:7px 14px; font-size:12px; background:#000; color:#fff; border-radius:50px;}
.newPOPUP.skinA .pop_close a:first-child {background:#ff9a11;}

/* skinB :팝업3개 */
.newPOPUP.skinB {display:block; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); position:fixed; top:0; bottom:0; left:0; z-index:9999;}
.newPOPUP.skinB .pop_cont {overflow:hidden; position:fixed; top:40%; left:50%; transform:translate(-50%, -40%); width:290px; height:auto;}

.newPOPUP.skinB .pop_wrap {position:relative;}
.newPOPUP.skinB .popIMG {overflow:hidden; min-height:300px; max-height:300px;}
.newPOPUP.skinB .popIMG img {width:100%; height:auto; min-height:300px; max-height:300px;}

.newPOPUP.skinB .popRoll {text-align:center; position:absolute; left:inherit; top:0; bottom:inherit; width:100%; z-index:2;}
.newPOPUP.skinB .popRoll li {display:inline-block; width:35px; margin:0 0.1em;}
.newPOPUP.skinB .popRoll li a {display:block; background-color:rgba(0,0,0,.3); height:5px;}
.newPOPUP.skinB .popRoll li a:hover,
.newPOPUP.skinB .popRoll li.slick-active a {background:#ff9a11;}

.newPOPUP.skinB .pop_bn {width:100%; font-size:0; text-align:center; overflow:hidden; background:#fff;}
.newPOPUP.skinB .pop_bn a {display:inline-block; width:50%; height:40px; line-height:40px;}
.newPOPUP.skinB .pop_bn a img {width:100%; height:auto; max-height:40px; padding:0; box-sizing:border-box;}

.newPOPUP.skinB .pop_close {position:absolute; bottom:30px; left:50%; transform:translateX(-50%); width:auto; text-align:center; z-index:999;}
.newPOPUP.skinB .pop_close a {display:block; float:left; padding:10px 20px; font-size:14px; background:#000; color:#fff; border-radius:50px;}
.newPOPUP.skinB .pop_close a:first-child {background:#ff9a11;}

/* skinC :팝업8개 */
.newPOPUP.skinC {display:block; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); position:fixed; top:0; bottom:0; left:0; z-index:9999;}
.newPOPUP.skinC .pop_cont {overflow:hidden; position:fixed; top:40%; left:50%; transform:translate(-50%, -40%); width:100%; height:80%; overflow-y:auto;}

.newPOPUP.skinC .pop_close {width:100%; text-align:center; z-index:999; position:fixed; bottom:30px; left:0; display:inline-block;}
.newPOPUP.skinC .pop_close a {display:block; float:left; width:50%; height:35px; line-height:35px; font-size:14px; color:#fff; box-sizing:border-box; background:rgba(0,0,0,.5); text-decoration:none;}
.newPOPUP.skinC .pop_close a:hover {background:rgba(0,0,0,1);}
.newPOPUP.skinC .pop_close a:first-child {background:#20a3d9;}
.newPOPUP.skinC .pop_close a:first-child:hover {background:#8acd39;}

@media all and (min-width:767px) {
	/*  skinA :팝업1개 */
	.newPOPUP.skinA .pop_cont {width:600px; height:90%; max-height:720px; overflow-y:auto;}
	.newPOPUP.skinA .popIMG {min-height:620px; max-height:620px;}
	.newPOPUP.skinA .popIMG img {min-height:620px; max-height:620px;}
	.newPOPUP.skinA .popRoll li {width:80px;}
	.newPOPUP.skinA .popRoll li a {height:10px;}

	.newPOPUP.skinA .pop_bn a {width:25%; height:50px; line-height:50px;}
	.newPOPUP.skinA .pop_bn a img {width:100%; height:auto; max-height:50px;}
	.newPOPUP.skinA .pop_close a {font-size:18px; padding:10px 30px;}

	/*  skinB :팝업3개 */
	.newPOPUP.skinB .pop_cont {width:580px; overflow-y:auto;}
	.newPOPUP.skinB .popIMG {min-height:300px; max-height:300px;}
	.newPOPUP.skinB .popIMG img {min-width:290px; min-height:300px; max-height:300px;}
	.newPOPUP.skinB .popRoll li {width:80px;}
	.newPOPUP.skinB .popRoll li a {height:10px;}

	.newPOPUP.skinB .pop_bn a {width:25%; height:50px; line-height:50px;}
	.newPOPUP.skinB .pop_bn a img {width:100%; height:auto; max-height:50px;}
	.newPOPUP.skinB .pop_close a {font-size:18px; padding:10px 30px;}

	/* skinC :팝업8개 */
	.newPOPUP.skinC .pop_cont {width:100%; height:90%; max-height:720px; overflow-y:auto; top:40%; left:50%; transform:translate(-50%, -40%);}
	.newPOPUP.skinC .pop_close {position:fixed; bottom:40px; left:50%; transform:translateX(-50%); width:auto; display:inline-block;}
	.newPOPUP.skinC .pop_close a {width:auto; height:40px; line-height:40px; font-size:14px; border-radius:0; margin:0 5px; padding:0 30px; border-radius:50px;}
}

@media all and (min-width:1024px) {
	/*  skinB :팝업3개 */
	.newPOPUP.skinB .pop_cont {width:870px; overflow-y:auto;}
	.newPOPUP.skinB .popIMG {min-height:300px; max-height:300px;}
	.newPOPUP.skinB .popIMG img {min-width:290px; min-height:300px; max-height:300px;}
	.newPOPUP.skinB .popRoll li {width:80px;}
	.newPOPUP.skinB .popRoll li a {height:10px;}
}

@media all and (min-width:1200px) {
	/*  skinB :팝업3개 */
	.newPOPUP.skinB .pop_cont {max-width:1200px;}
	.newPOPUP.skinB .popIMG {min-height:413px; max-height:413px;}
	.newPOPUP.skinB .popIMG img {min-width:400px; min-height:413px; min-width:400px; max-height:413px;}

	/* skinC :팝업8개 */
	.newPOPUP.skinC .pop_cont {max-width:1600px;}
	.newPOPUP.skinC .popIMG {min-height:none; max-height:none;}
	.newPOPUP.skinC .popIMG img {min-width:inherit; min-height:inherit; max-height:inherit;}

	.newPOPUP.skinC .pop_close {position:fixed; bottom:40px; width:auto; display:inline-block;}
}

.newPOPUP.skinB .pop_cont {width:1200px;}

@media(max-width:1200px) {
	.newPOPUP.skinA .pop_cont {width:600px !important;}
	.newPOPUP.skinA .slick-slide {width:600px !important;}

	.newPOPUP.skinB .pop_cont {width:580px !important;}
	.newPOPUP.skinB .slick-slide {width:290px !important;}
}
@media(max-width:640px) {
	.newPOPUP.skinA .pop_cont {width:290px !important;}
	.newPOPUP.skinA .slick-slide {width:290px !important;}

	.newPOPUP.skinB .pop_cont {width:290px !important;}
	.newPOPUP.skinB .slick-slide {width:290px !important;}
}
@media(max-width:800px) {
	.newPOPUP.skinC .pop_cont {width:100% !important;}
}

.newPOPUP .BT {
	transition:all 0.3s ease-out; cursor:pointer; text-align:center; position:absolute; top:50%; z-index:2; 
	width:30px; height:30px; margin-top:-15px; font-size:0; background:#fff;
}
.newPOPUP .BT_L {left:0; border:1px solid rgba(0, 0, 0, 0.2); background:rgba(0, 0, 0, 0.8) url('/images/common/w_btn_pre.png') center no-repeat; background-size:10px;}
.newPOPUP .BT_R {right:0; border:1px solid rgba(0, 0, 0, 0.2); background:rgba(0, 0, 0, 0.8) url('/images/common/w_btn_next.png') center no-repeat; background-size:10px;}

.newPOPUP .BT_L:hover {border:1px solid rgba(255, 157, 0, 0.2); background:rgba(255, 157, 0, 0.8) url('/images/common/w_btn_pre.png') center no-repeat; background-size:10px;}
.newPOPUP .BT_R:hover {border:1px solid rgba(255, 157, 0, 0.2); background:rgba(255, 157, 0, 0.8) url('/images/common/w_btn_next.png') center no-repeat; background-size:10px;}

@media all and (min-width:1200px) {
	.newPOPUP .BT {width:50px; height:50px; margin-top:-25px;}

	.newPOPUP .BT_L {left:0; border:1px solid rgba(0, 0, 0, 0.2); background:rgba(0, 0, 0, 0.8) url('/images/common/w_btn_pre.png') center no-repeat;}
	.newPOPUP .BT_R {right:0; border:1px solid rgba(0, 0, 0, 0.2); background:rgba(0, 0, 0, 0.8) url('/images/common/w_btn_next.png') center no-repeat;}

	.newPOPUP .BT_L:hover {border:1px solid rgba(255, 157, 0, 0.2); background:rgba(255, 157, 0, 0.8) url('/images/common/w_btn_pre.png') center no-repeat;}
	.newPOPUP .BT_R:hover {border:1px solid rgba(255, 157, 0, 0.2); background:rgba(255, 157, 0, 0.8) url('/images/common/w_btn_next.png') center no-repeat;}
}



/* 기본 lst_dot */
.lst_dot li {position:relative; padding:0 0 0 12px; margin:0.25em 0;}
.lst_dot li:after {position:absolute; top:8px; left:0; content:""; width:3px; height:3px; border-radius:100%; background:#333;}
	.lst_dot li ol li {color:#666; padding:0; margin:inherit;}
	.lst_dot li ol li:after {display:none;}

.lst_dot.bk li:after {background:#333;}
.lst_dot.bl li:after {background:#098ed3;}
.lst_dot.gr li:after {background:#14a44e;}
.lst_dot.mi li:after {background:#4dc2c6;}
.lst_dot.nv li:after {background:#354d83;}
.lst_dot.or li:after {background:#f3911e;}
.lst_dot.pk li:after {background:#f17676;}
.lst_dot.pp li:after {background:#7769af;}
.lst_dot.ye li:after {background:#ffe24a;}

.lst_dot.type li ol li {color:#111;padding:0 0 0 12px;margin:0.25em 0;}
.lst_dot li ol li:after {display:block;}

@media(min-width:767px) {
	.lst_dot li {margin:8px 0;}
	.lst_dot li:after {	top:12px;}
}

@media(min-width:1200px) {
	.lst_dot.size_up li:after {width:5px; height:5px; }
}

.lst_line {}
.lst_line li {position:relative; padding:0 0 0 15px; margin:0.25em 0;}
.lst_line li:after {display:block; content:""; position:absolute; top:10px; left:0; width:8px; height:1px; background:#333;}
	.lst_line li ol li {padding:0; margin:inherit;}
	.lst_line li ol li:after {display:none;}

	.lst_line.type li ol li {padding:0 0 0 15px;margin:0.25em 0;}
	.lst_line.type li ol li:after {display:block}

.lst_line.wh li:after {background:#fff;}

@media(min-width:767px) {
	.lst_line li {margin:8px 0;}
	.lst_line li:last-child {margin:0;}
	.lst_line li:after {top:11px;}
}