@charset "utf-8";
/* CSS Document */
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanssc.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
/* 기본요소의 초기화 및 기초정보 */

/* basic css */
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,caption,
article, aside, details, figcaption, figure, dialog,
footer, header, hgroup, menu, nav, section {margin:0; padding:0; border:0;}
article, aside, details, figcaption, figure, dialog,
footer, header, hgroup, menu, nav, section {display:block;}
html, body {height:100%; -webkit-text-size-adjust:100%;}
body {font-size:16px; color:#4d4d4d; line-height:1.6; letter-spacing:0; -webkit-text-size-adjust:none; box-sizing:inherit;
  	-webkit-box-sizing:inherit;
  	-moz-box-sizing:inherit;
	-o-box-sizing:inherit;  	
	-webkit-text-size-adjust:none;}
	
*, *:before, *:after {
	margin:0px; 
	padding:0px;
	box-sizing:inherit;
 	-webkit-box-sizing:inherit;
 	-moz-box-sizing:inherit;
	-o-box-sizing:inherit;  	
	-webkit-text-size-adjust:none;
}
html {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}

h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
h1, h2, h3, h4 {color:#0d0d0d;}
a:link {text-decoration:none; color:#898989;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none; color:#898989;}
a:focus {text-decoration:none;}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {color:transparent; } 
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {color:transparent; } 
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {color:transparent; } 
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {color:transparent; }

textarea::-webkit-input-placeholder {color:#c9c9c9;}
textarea:focus:-moz-placeholder {color:#c9c9c9;}
textarea:focus::-moz-placeholder {color:#c9c9c9;}
textarea:focus:-ms-input-placeholder {color:#c9c9c9;}

textarea:focus {outline:1px solid #bbb;}
select, input, textarea {font-size:100%; vertical-align:middle;}
input {margin:0; padding:0;}
ol, ul {list-style:none;}
label {cursor:pointer;}
legend, caption {width:0; height:0; visibility:hidden; font-size:0; line-height:0;}
img {vertical-align:top;}
em {font-style:normal;}
table {
	width:100%; 
	border:0px; 
	border-spacing:0px; 
	border-collapse:collapse; 	
	box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	-o-box-sizing:border-box;
}
/*  한국어 */
:lang(ko) {
  font-family:'Noto Sans KR', sans-serif;
}
/*  영문 */
:lang(en) {
  font-family:'Noto Sans KR', sans-serif;
}
 /* 일본어 */
:lang(ja) {
  font-family:'Noto Sans JP', sans-serif;
}
 /* 중국어 (간체) */
:lang(zh-Hans) {
  font-family:'Noto Sans SC', sans-serif;
}
/* 중국어 (번체) */
:lang(zh-Hant) {
  font-family:'Noto Sans TC', sans-serif;
}

/* Form요소 기본설정 */
select {
	min-width:230px; min-width:230px\9; height:40px; padding:8px 25px 9px 12px; border:1px solid #ccc; font-size:14px; color:#c9c9c9; background:url('../images/ui/icon_select_arrow.jpg') right center no-repeat; background:none\9; background-color:#fff; 
	box-sizing:border-box;
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
}
:root select {padding:6px 5px 6px 8px \0/IE9; font-size:12px \0/IE9;}
select::-ms-expand {display:none;}

input[type=radio], input[type=checkbox] {border:0px;}

input[type=text], input[type=password] {height:40px; padding:8px 30px 9px 15px; border:0px; vertical-align:middle; font-size:12px; color:#898989; background-color:#fff; box-sizing:border-box;
	-webkit-appearance:none; 
	-moz-appearance:none;
	-o-appearance:none;
}
input[type=text]::-webkit-input-placeholder {color:#c1c1c3;}
input[type=text]::-moz-placeholder {color:#c1c1c3;}

input:disabled, select:disabled {background-color:#ddd;}
button {vertical-align:middle; cursor:pointer;}
button:focus {outline:1px dotted;}
textarea::-webkit-input-placeholder {font-size:14px; font-weight:300; color:#c1c1c3;}
textarea::-moz-placeholder {font-size:14px; font-weight:300; color:#c1c1c3;}
textarea{resize:none;}

/* 공통약속분모 */
.hidden {position:absolute; width:0; height:0; visibility:hidden; font-size:0; line-height:0; top:-9999px;}

/* 정렬 */
.fl {float:left !important;}
.fr {float:right !important;}
.oh {overflow:hidden !important;}
.al {text-align:left !important;}
.ac {text-align:center !important;}
.ar {text-align:right !important;}
.vt {vertical-align:top !important;}
.vm {vertical-align:middle !important;}
.vb {vertical-align:bottom !important;}
.rl {position:relative;}

.br4 {border-radius: 4px !important;}

/* 제목 */
h1 {margin:0 0 30px 0; font-size:38px; color:#000000; font-weight:700; line-height:29px;}
h2 {overflow:hidden; margin-bottom:10px; color:#000; font-size:20px; font-weight:700;}
h2 a {padding-right:19px; line-height:20px; background:url('../images/cmm/ico_link.png') right 8px no-repeat;}
h2 a:hover {color:#000000; text-decoration:none;}
h2 a:link {color:#000000; text-decoration:none;}
h2 a {color:#000000;}
h2.big_tit {font-size:26px;}
h2 .com_tit {color:#000000; text-decoration:none;}
.h2_info {font-size:12px; color:#898989;}
.h2_info2 {font-size:14px; color:#898989;}
.h2_info3 {font-size:14px; color:#5b5b5b;}
.h1_info {font-size:16px; color:#898989; font-weight:300;}
h2 .h2_info {display:inline-block; margin-left:15px; height:24px; line-height:19px; font-weight:300; vertical-align:middle;}
.h2_date {display:inline-block; position:relative; margin-left:15px; padding-left:15px; vertical-align:top; font-size:12px; color:#898989;}
h2 img.sponsor_logo {vertical-align:middle; margin-right:10px;}
.small_tit {display:block;margin-bottom:10px; font-size:20px; font-weight:700; color:#000;}
.small_tit2 {display:block; font-size:16px; font-weight:700;color:#000;}
.small_tit2 span{font-weight:300;}
.small_tit3 {display:block; font-size:16px; font-weight:500;color:#000;}
.small_tit4 {display:block; font-size:14px; font-weight:500; color:#f0187e;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
	h2 .h2_info {line-height:17px;} 
} 
/* 타이틀 영역 가운데 정렬 */
.title-box_center {position: relative; width: 1140px; margin: 0 auto 30px; text-align: center;}
 

/* Button */
a.btn_page {display:inline-block; min-width:160px;padding:0 30px; height:50px; line-height:50px; font-size:14px; color:#fff; font-weight:700; text-align:center; border-radius:50px;} 
a.btn_page.white {color:#5b5b5b; border:1px solid #5b5b5b;}
a.btn_list1 {display:inline-block; min-width:134px; padding:0 30px; height:36px; line-height:36px; font-size:14px; color:#fff; font-weight:700; text-align:center; border-radius:36px;}
a.btn_list2 {display:inline-block; padding:0 15px; height:25px; background:#f0f0f4; border:1px solid #e5e5e5; font-size:12px; font-weight:500;  line-height:24px; color:#000; border-radius:25px;}
a.btn_list2:hover {background:#fff;text-decoration:none;}
a.btn_list3 {display:inline-block; padding:4px 0; width:270px; height:30px; background:#f0f0f4; color:#000; font-size:12px; text-align:center;border-radius:16px;border:1px solid #e5e5e5;}
a.btn_list3:hover {background:#fff;}
a.btn_del2 {display:inline-block; padding:0 8px; background:#fff; border:1px solid #e5e5e5; font-size:12px; font-weight:300; line-height:24px; color:#000; border-radius:1px; text-decoration:none;}
a.btn_del3 {display:inline-block; padding:0 20px; height:38px; background:#fff; border:1px solid #e5e5e5; font-size:12px; font-weight:300; line-height:38px; color:#000; border-radius:1px; text-decoration:none;}
a.btn_support{display:inline-block;padding:0 8px; height:25px; background:#333333; font-size:12px; font-weight:300; line-height:25px; color:#ffffff; border-radius:2px; text-decoration:none;}
a:hover.pink {background:#ff9ccb; text-decoration:none;}
a:hover.gray {background:#bfbfc3; text-decoration:none;}
a.btn_edit {display:inline-block; min-width:114px; padding:3px 19px 3px 19px; background:#ffffff; border:1px solid #e5e5e5; font-size:12px; font-weight:700; line-height:24px; color:#898989; border-radius:20px;}
a.btn_edit span {padding-right:10px;}
a:hover.btn_edit {background:#f0f0f4;}

a.btn_del {display:inline-block; padding:3px 14px 3px 14px; background:#f0f0f4; border:1px solid #e5e5e5; font-size:12px; line-height:24px; color:#000; border-radius:20px;}
a:hover.btn_del {background:#fff; text-decoration:none;}

a.btn_result {display:inline-block; min-width:114px; padding:3px 14px 3px 14px; background:#f0f0f4; border:1px solid #e5e5e5; font-size:12px; line-height:24px; color:#000; border-radius:20px;}
a.btn_result span {display:block; padding-right:10px; background:url('../images/ui/icon_btn.png') right center no-repeat;}
a:hover.btn_result {background:#fff; text-decoration:none;}
a.btn_white {display:inline-block; padding:4px 0; width:270px; background:#fff; color:#000; font-size:12px;text-align:center;border-radius:16px;border:1px solid #e5e5e5;}
a.btn_gray {display:inline-block; padding:4px 0; width:270px; background:#f1f0f5; color:#000; font-size:12px;text-align:center;border-radius:16px;border:1px solid #e5e5e5;}

a.btn_link{font-size:14px;font-weight:300; color:#898989; border-bottom:1px solid #adadad;}
a.btn_link:hover{color:#f0187e; border-bottom:1px solid #f0187e;}
a.btn_link2{font-size:12px;font-weight:300; color:#5b5b5b; border-bottom:1px solid #adadad;}
a.btn_link2:hover{color:#f0187e; border-bottom:1px solid #f0187e;}
a.btn_link3{font-size:12px;font-weight:300; color:#5b5b5b; border-bottom:1px solid #898989;}
a.btn_link3:hover{color:#f0187e; border-bottom:1px solid #898989;}

a.btn_buy {display:inline-block; min-width:260px;padding:0 30px; height:50px; line-height:50px; font-size:16px; color:#fff; font-weight:700; text-align:center; border-radius:3px;} 
a.btn_buy.gray {background:#898989; color:#fff; border:1px solid #898989;}
a.btn_buy.pink {background:#f0187e; color:#fff; border:1px solid #f0187e;}
a.btn_buy.gray2 {background:#898989; color:#fff; border:1px solid #898989; cursor:no-drop;}
a.btn_buy.w100 {width:100%;}
a.btn_buy + a.btn_buy {margin-left:4px;}

a.full {width:100%;}
a.bor_n {border-radius:0px;}
a.btn_details {display:inline-block; margin:23px 0 0 15px; padding:5px 12px; font-size:12px; color:#000; background:#f0f0f4; border:1px solid #e5e5e5; vertical-align:middle; border-radius:20px; text-decoration:none;}
a.btn_more {padding-bottom:6px; border-bottom:1px solid #c4c4c4; font-size:14px; color:#898989;}
.btn_wrap .sound {display:inline-block; width:15px; height:17px; background:url('../images/mcd/icon_sound.jpg') center center no-repeat; font-size:0px;}
.btn_wrap .reset {display:inline-block; width:15px; height:17px; background:url('../images/mcd/icon_reset.png') center center no-repeat; font-size:0px;}
.btn_wrap .sound span {text-indent:-9999px;}
.btn_wrap .reset span {text-indent:-9999px;}

.btn_white2{display:inline-block; padding:0 15px; background:#fff; border:1px solid #e5e5e5; font-size:12px; font-weight:300; line-height:38px; color:#000; border-radius:1px; text-decoration:none;}
.btn_white2:link{color:#000000;}

/* bg Colors */
.pink {background:#f0187e;}
.gray {background:#898989;}
.black {background:#000;}
.gray2 {background:#898989;}
.lightgray {background:#f0f0f4; color:#666 !important; font-size: 16px !important; width: 231px !important;}
.bg_blue {padding-top:60px; background:#e4e8f1;}
.bg_blue2 {padding-top:70px; background:#eff3fa;}
.bg_blue3 {padding-top:70px; background:#d9dde7;}
.bg_blue + div .section,
.bg_blue2 + div .section,
.bg_blue3 + div .section {padding-top:70px;}
.bg_blue2 + .bg_blue3 .section {padding-top:0px;}

/* margin */
.mt0 {margin-top:0px !important;}
.mt4 {margin-top:4px !important;}
.mt5 {margin-top:5px !important;}
.mt7 {margin-top:7px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt75 {margin-top:75px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt95 {margin-top:95px !important;}
.mt100 {margin-top:100px !important;}
.mt120 {margin-top:120px !important;}
.mt140 {margin-top:140px !important;}
.mt160 {margin-top:160px !important;}

.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}

.ml0 {margin-left:0px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.ml60 {margin-left:60px !important;}
.ml70 {margin-left:70px !important;}
.ml80 {margin-left:80px !important;}
.ml90 {margin-left:90px !important;}
.ml100 {margin-left:100px !important;}

.mr0 {margin-right:0px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}
.mr60 {margin-right:60px !important;}
.mr70 {margin-right:70px !important;}
.mr80 {margin-right:80px !important;}
.mr90 {margin-right:90px !important;}
.mr100 {margin-right:100px !important;}

/* padding */
.pt0 {padding-top:0px !important;}
.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt60 {padding-top:60px !important;}
.pt70 {padding-top:70px !important;}
.pt80 {padding-top:80px !important;}
.pt90 {padding-top:90px !important;}
.pt100 {padding-top:100px !important;}
.pt170 {padding-top:170px !important;}

.pb0 {padding-bottom:0px !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}
.pb70 {padding-bottom:70px !important;}
.pb80 {padding-bottom:80px !important;}
.pb90 {padding-bottom:90px !important;}
.pb100 {padding-bottom:100px !important;}
.pb155 {padding-bottom:155px; border-bottom:1px solid #f0f0f4;}

.pl0 {padding-left:0px !important;}
.pl10 {padding-left:10px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}
.pl50 {padding-left:50px !important;}
.pl60 {padding-left:60px !important;}
.pl70 {padding-left:70px !important;}
.pl80 {padding-left:80px !important;}
.pl90 {padding-left:90px !important;}
.pl100 {padding-left:100px !important;}

.pr0 {padding-right:0px !important;}
.pr10 {padding-right:10px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pr40 {padding-right:40px !important;}
.pr50 {padding-right:50px !important;}
.pr60 {padding-right:60px !important;}
.pr70 {padding-right:70px !important;}
.pr80 {padding-right:80px !important;}
.pr90 {padding-right:90px !important;}
.pr100 {padding-right:100px;}

/* width */
.w170 {width:170px !important;}
.w200 {width:200px !important;}
.w250 {width:250px !important;}
.w300 {width:300px !important;}
.w350 {width:350px !important;}
.w390 {width:390px !important;}
.w380 {width:380px !important;}
.w400 {width:400px !important;}
.w450 {width:450px !important;}
.w520 {width:520px !important;}
.w610 {width:610px !important;}
.w630 {width:630px !important;}
.w680 {width:680px !important;}
.w750 {width:750px !important;}
.w780 {width:780px !important;}
.w800 {width:800px !important;}
.w900 {width:900px !important;}
.w1000 {width:1000px !important;}
.w1140 {width:1140px !important;}

.w100p {width:100% !important;}


/* DISPLAY */
.dis_b {display:block !important;}
.dis_i {display:inline !important;}
.dis_ib {display:inline-block !important;}

/* Font-Size */
.fs0 {font-size:0px !important;}
.fs14 {font-size:14px !important;}

/* BORDER */
.bor_t {border-top:1px solid #cccccc;}
.bor_b {border-bottom:1px solid #cccccc;}
.bor_tf {border-top:1px solid #f0f0f4;}
.bor_rf {border-right:1px solid #f0f0f4;}
.bor_bf {border-bottom:1px solid #f0f0f4;}
.bor_lf {border-left:1px solid #f0f0f4;}
.bor_tc {border-top:1px solid #cdd2da;}
.bor_te {border-top:1px solid #e5e5e5;}
.bor_bc {border-bottom:1px solid #cdd2da;}
.bor_be {border-bottom:1px solid #e5e5e5;}
.bor_be2 {border-bottom:1px solid #ebebeb;}
.bor_tn {border-top:none !important;}
.bor_bn {border-bottom:none !important;}
.bor_n {border-top:none !important; border-bottom:none !important;}

/* search */
.search {display:inline-block; position:relative; width:326px;}
input[type=text].search_input {width:326px; height:38px; border:1px solid #f6f6fa; border-radius:4px; background:#f6f6fa;}
.btn_search {position:absolute; right:20px; top:12px;}