@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700&display=swap');
* {margin:0; padding:0; -webkit-text-size-adjust:none; word-break:keep-all; }

.d, .ie9, ie8, ie7 {overflow-y:scroll ;background-color:#fafafc;}

:root { color-scheme: light only;}

/* ÅëÇÕ */
.mobile_bg01{background-color:#fafafc;width:100%;}
.wrap_list{text-align:center; overflow:hidden; max-width:500px; padding:0px; margin:0px;}

/* top */
.gnb .m_logo {width:100%; background:#5b5a5f ;border-bottom:1px solid #ff5e1d}
.m1803_logo img { margin:12px 0 12px 0; border:0;}

.m_subtitle {width:100%; float:left; background:#f2f2f2; font-family:'Malgun Gothic','Dotum'; font-weight:800; padding:10px 0 10px 0;}
.m_subtitle span{float:right; font-weight:900; font-size:.8em; padding:10px 15px 7px 15px;}
.m_subtitle .m_btnpage01 {width:27px; height:23px; float: left; background:url(https://members.chosun.com/mobile/img/mobile_icon.png) no-repeat -6px -10px; margin:7px 10px 7px 10px; border:0; cursor:pointer;}

.m_contents {float:left; width:100%; padding:30px 0 25px 0;}
.m_contents .m_txt01 {float:left; width:94%;  padding:0 15px 0 15px; font-family:'Malgun Gothic','Dotum';}
.m_contents .m_txt01b {float:left; width:100%; text-align:left; font-size:1.5em; font-weight:bold; letter-spacing:-.1em; padding-bottom:.2em;}
.m_contents .m_txt01r {float:left; font-size:1.6em; font-weight:bold;color:#e62a2a;}
.m_contents .m_txt01g {float:left; font-size:.9em; font-weight:700; color:#8b9191; padding:.9em 0 0 5px;}

.m_contents .m_txt012 {float:left; width:94%;  padding:0 15px 0 15px; font-family:'Malgun Gothic','Dotum';}
.m_contents .m_txt012r {float:left; font-size:.8em; font-weight:bold;color:#e62a2a;}

/* ¸Þ´º¹Ù */
.wrap_list .m_title { float:left; width:99.5%; background-color:#f2f2f2; border:1px solid #dadada; border-style:double; margin-bottom:20px;}
.wrap_list .m_title span {float:left;margin:15px 15px 15px 15px;}
.m_font08 { font-family:'Malgun Gothic','Dotum'; font-size:.8em; font-weight:700; text-align:left;}/*ÆùÆ®Á¶Á¤*/
.m_title .m_btnpage02 { width:32px; height:23px; float: right; background:url(https://members.chosun.com/mobile/img/mobile_icon.png) no-repeat -6px -42px; margin:12px 15px 7px 15px; border:0px;cursor:hand}/*´ÝÈû*/
.m_title .m_btnpage03 { width:32px; height:23px; float: right; background:url(https://members.chosun.com/mobile/img/mobile_icon.png) no-repeat -6px -75px; margin:12px 15px 7px 15px; border:0px;cursor:hand}/*¿­¸²*/
.m_btnpage04 { width:32px; height:23px; float: right; background:url(https://members.chosun.com/mobile/img/mobile_icon02.png) no-repeat; margin:12px 15px 7px 15px; border:0px;cursor:hand}/*´ÝÈû*/

/* ³»¿ë */
.wrap_list .content01 {float:left; width:100%; margin:0px;}

/*¶óÀÎ*/
.m_line01{ float:left; height:1px; width:100%; background: #dadada; margin:20px 0 20px 0;}

/* */
.content01 .m_into-box {width: 100%;display: flex;padding: 0  15px;box-sizing: border-box;}

/* ÀÌ¿ë¾à°üµ¿ÀÇ */
.m_font07 {float:left;font-family:'Malgun Gothic','Dotum'; font-size:.7em;font-weight:600; padding:.5em 0 0 0; margin-left:5px; text-align: left;  display: inline-block;}
/* ºÓÀº»ö¹öÆ° */
.content01 .m_btnred01 {float:right; margin-right:15px; padding:8px 15px 8px 15px; cursor:pointer; font-family:'Malgun Gothic','Dotum'; font-weight:700; font-size:0.7em; color:#ffffff; background-color:#737373; }
.content01 .m_btnred01 input {display:none;}
.content01 .m_btnred02 { float: right; padding: 8px 15px 8px 15px; cursor: pointer; font-family: 'Malgun Gothic','Dotum'; font-weight: 700; font-size: 0.7em; color: #ffffff;  background-color: #737373; width: 75px;}
.content01 .m_btnred02 input {display:none;}

/* Ã¼Å©¹Ú½º */
.squaredFour {float:left; position:relative; padding-left:15px;}
.m_lt50 .squaredFour {float:left; position:relative; padding-left:15px;}
.squaredFour input[type="checkbox"] { float:left; display:none; width: 20px; height: 20px; padding: 0; margin: 5px  auto; overflow: hidden; clip:rect(0,0,0,0); border: 0}/* ½ÇÁ¦ Ã¼Å©¹Ú½º´Â È­¸é¿¡¼­ ¼û±è */
.squaredFour input[type="checkbox"] + label { display:inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.squaredFour input[type="checkbox"] + label:before { content: ' '; display: inline-block; width: 20px;  /* Ã¼Å©¹Ú½ºÀÇ ³Êºñ¸¦ ÁöÁ¤ */ height: 20px;  /* Ã¼Å©¹Ú½ºÀÇ ³ôÀÌ¸¦ ÁöÁ¤ */ line-height: 21px; /* ¼¼·ÎÁ¤·ÄÀ» À§ÇØ ³ôÀÌ°ª°ú ÀÏÄ¡ */ margin: 5px  auto; text-align: center;  vertical-align: middle; background: #e0e0e0; border: 0px solid #cacece; border-radius : 3px;}/* °¡Â¥ Ã¼Å©¹Ú½º */
.squaredFour input[type="checkbox"]:checked + label:before { background: url(https://members.chosun.com/mobile/img/mobile_icon.png)no-repeat -6px -132px #126CCD; }/* Ã¼Å©¹Ú½º¸¦ Ã¼Å©ÇßÀ»¶§ */

/* ±¸µ¶Á¤º¸ */
.content01 .m_lt30 {float:left; width:30%; margin:0px; padding:0px;}
.content01 .m_rt70 {float:right; width:70%; margin:0px; padding:0px;}
.content01 .m_rt71 {padding:0px 15px 0px 0px;width:95%;}
.content01 .m_font081 {float:left; font-family:'Malgun Gothic','Dotum'; font-size:.8em;font-weight:700; letter-spacing:-.05em; padding:.7em 0 0 15px; text-align:left;}
.content01 .m_rt70b {float:left; width:90%; margin:0 15px 0 0 ; padding:0;}
.content01 .m_rt45b {float:left;width:40%; margin:0 15px 0 0; padding:0;}
.content01 .m_rt20b1 {float:left; width:20%; padding:0; margin:0 10px 0 0;}
.content01 .m_rt20b2 {float:left; width:10%; padding:0; margin:0 10px 0 0;}
.content01 .m_rt20bt {float:left; font-family:'Malgun Gothic','Dotum'; font-weight:700; font-size:.8em; text-align:left; padding:7px 10px 0 10px; margin:0;} 
.content01 .m_rt71b7m {float:left;width:95%; padding:0px 15px 0px 0px; margin:7px 15px 0 0;}
.content01 .m_rt71b8m {display: flex; float: left; width: 100%; padding: 0px 15px 0px 0px; margin: 7px 15px 2px 0;}
.m_textbox {width:100%; font-family:'Dotum','Gulim'; font-size:0.9em; padding:7px 7px 5px 7px; border:1px solid #e0e0e0; letter-spacing:0em}
/* ¿ìÆí¹øÈ£¹öÆ° */
.m_btngray01 {width:50px;float:left; background-color:#737373; margin:1px 0 0 10px; padding:6px 15px 7px 15px; font-family:'Malgun Gothic','Dotum'; font-size:.7em;font-weight:500; letter-spacing:-.1em; color:#ffffff;cursor:pointer;}
.m_btngray01 input {display:none;}
.m_btngray03 { width: 75px;    background-color: #737373;  margin: 1px 15px 0 10px;  padding: 6px 15px 7px 15px; font-family: 'Malgun Gothic','Dotum'; font-size: .7em; font-weight: 500; letter-spacing: -.1em;  color: #ffffff;  cursor: pointer;}
.m_btngray03 input {display:none;}

/* º£½ºÆ®¼¿·¯ */
.m_lt40 {float:left; width:100%;}

/* ¾àÁ¤±â°£ */
.content01 .m_font082 { float:left;font-family:'Malgun Gothic','Dotum';font-size:.8em;font-weight:700; padding:.0em 0 0 0; margin:0; vertical-align:middle;padding:5px 15px 0px 5px} 
.mobile_txt01 {float:left; width:95%; font-family:'Dotum', 'Gulim'; font-size:.7em;font-weight:300;text-align:left; color:#636363; padding:10px 0 0 15px;}

/*  ³³ºÎ±â°£ */
.m_radio { float:left; }
.m_lt50 { float:left; width:100%; background-color:#FFFFFF; padding:15px 0 15px 0;}

/* ¶óµð¿À¹öÆ° */
.mobile_radio {float:left; width:90%; position:relative; padding-left:15px;}
.mobile_radio input[type="radio"] { float:left; display:none; width: 20px; height: 20px; padding: 0; margin: 5px  auto; overflow: hidden; clip:rect(0,0,0,0); border: 0}/* ½ÇÁ¦ Ã¼Å©¹Ú½º´Â È­¸é¿¡¼­ ¼û±è */
.mobile_radio input[type="radio"] + label {float:left; display:inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.mobile_radio input[type="radio"] + label:before { content: ' '; display: inline-block; width: 20px;  /* Ã¼Å©¹Ú½ºÀÇ ³Êºñ¸¦ ÁöÁ¤ */ height: 20px;  /* Ã¼Å©¹Ú½ºÀÇ ³ôÀÌ¸¦ ÁöÁ¤ */ line-height: 21px; /* ¼¼·ÎÁ¤·ÄÀ» À§ÇØ ³ôÀÌ°ª°ú ÀÏÄ¡ */ margin: 5px  auto; text-align: center;  vertical-align: middle; background: #e0e0e0;  border-radius : 100%;}/* °¡Â¥ Ã¼Å©¹Ú½º */
.mobile_radio input[type="radio"]:checked + label:before { width:10px; height:10px; border: 5px solid #126CCD; background-color:#ffffff; }/* Ã¼Å©¹Ú½º¸¦ Ã¼Å©ÇßÀ»¶§ */

/* ¼¿·ºÆ® ¹Ú½º */


.mobile_txt02 {float:left; width:95%; font-family:'Dotum', 'Gulim'; font-size:.7em;font-weight:300;text-align:left; color:#636363; padding:5px 0 0 15px;}
.mobile_txt03 {float:left; width:95%; font-family:'Dotum', 'Gulim'; font-size:.7em;font-weight:300;text-align:left; color:#636363; padding:10px 0 0 0px;}

#select_box {float:left; width:90%; position:relative;}
#select_box label { float:left; width:100%; background: url(https://members.chosun.com/mobile/img/arrow.gif)98% center no-repeat; /* È­»ìÇ¥ ÀÌ¹ÌÁö */ background-color:#FFFFFF;border: 1px solid #e0e0e0; text-align:left;padding:7px 7px 5px 7px; font-family:'Malgun Gothic','Dotum'; font-size:0.8em;}
#select_box select { float:left; width:105%; font-family:'Malgun Gothic','Dotum'; font-size:0.8em;padding:7px 7px 5px 7px; opacity:0; margin:-30px 0 0 0; }

/*¹öÆ° ¿Â¿ÀÇÁ*/
.m_button_before { width:100%; background-color: #d7d7d7 ; float:left; padding:16px 0 16px 0; margin:0 0 50px 0; cursor:pointer;}
.m_button_after{ width:100%; background-color : #126CCD ;  float:left; padding:16px 0 16px 0; margin:0 0 50px 0; cursor:pointer;}
/* ¹öÆ° */
.m_btnapply { width:100%; background-color: #126CCD; float:left; padding:16px 0 16px 0; margin:0 0 50px 0; cursor:pointer;}
.m_btnapplyfont { width:100%; font-family:'Noto Sans KR', '¸¼Àº °íµñ','Malgun Gothic', Dotum, 'µ¸¿ò', sans-serif, AppleSDGothicNeo-Regular, "¸¼Àº °íµñ", "Malgun Gothic", ³ª´®°íµñ, µ¸¿ò, Dotum, ±¼¸², Gulim, "Apple SD Gothic Neo", sans-serif;font-size:15px;  color:#ffffff; }

/* ÀÌ¿ë¾à°ü */
.m_subtitle02 {width:100%; float:left; background:#f2f2f2; font-family:'Malgun Gothic','Dotum'; font-weight:800;padding:10px 0 10px 0;}
.m_subtitle02 span { float:left; font-weight:bold; font-size:.9em; padding:10px 0px 7px 15px; text-align:center;}
.m_btnpage02 {float:right;width:27px; height:27px; background:url(https://members.chosun.com/mobile/img/mobile_icon.png) no-repeat -6px -104px; margin:7px 15px 7px 0px; border:0; cursor:pointer;}
.m_contents02 {float:left; width:94%; font:NanumGothic,Malgun Gothic,Dotum;padding:30px 15px 5px 15px; text-align:left;}
.m_contents02 .m_txt03 { float:left; width:100%; font-weight:bold; font-size:.8em; line-height:1.5em; padding:0 0 7px 0;}
.m_contents02 .m_txt04 { float:left; width:100%;font-weight:300; font-size:.8em; line-height:1.5em; padding:0 0 18px 0;}
.m_contents02 .m_txt04 a {color:#000000; text-decoration:none;}
.m_contents02 .m_txt04 a:link {color:#000000; text-decoration:none;}
.m_contents02 .m_txt04 a:hover {color:#000000;text-decoration: underline;}

/*»çÀºÇ° ¼±ÅÃ*/
.m_subtitle03 {width:100%; float:left; background:#f2f2f2; font-family:'Malgun Gothic','Dotum'; font-weight:800;padding:10px 0 10px 0;}
.m_subtitle03 span { float:left; font-weight:bold; font-size:.9em; padding:10px 0px 7px 15px; text-align:center;}
.m_txt02{ float:left; width:90%; font-family:'Dotum','Gulim'; font-size:.8em; padding:0px 15px 0px 15px; }
.m_txt02b{ float:left; width:100%; font-weight:bold; text-align:left; color:#636363;}
.m_txt02r { float:left; color:#FF0000; font-weight:300; text-align:left;}
.m_txt02l { float:left; font-weight:300; text-align:left; color:#636363;}
.m_txtw { float:left; width:100%;}
.m_btngray02 {float: right; background-color:#737373; margin:1px 15px 0 0px; padding:6px 1em 7px 1em; font-family:'Malgun Gothic','Dotum'; font-size:.7em;font-weight:500; letter-spacing:-.1em; color:#ffffff;cursor:pointer;}
.m_btngray02 input {display:none;}

.w1_gift {float:left; width:5%;  vertical-align:middle;}
.w2_gift { float:left; width:55%;   text-align:left; vertical-align:top; padding-left:7px}
.w3_gift { float:right; max-width:65px; vertical-align: middle;}
/*»çÀºÇ° ¼±ÅÃ_»ýÈ°¿ëÇ° */
.content02 {float:left; width:100%; margin:20px 0 0 0;}

.m_img500 { float:left; width:80%; margin:50px 10% 50px 10%; }
.m_img500 img { float:left; max-width:100%; border:3px solid #d53a46;}

/* ´ëÇÐ±â¼÷»ç»ýtop */
.m_contents .m_txt011r {float:left; font-size:1.6em; font-weight:bold;color:#e62a2a;padding:0 0 0 10px;}
.m_contents .m_txt011b {float:left; font-size:1em; font-weight:bold;color:#8b9191;padding:12px 0 0 0;}

.m_contents .m_txt011g {float:left;  font-size:.7em; font-weight:500; color:#8b9191; padding:.9em 0 0 5px; text-align:left; letter-spacing:-0.05em;}

/*´ëÇÐ±â¼÷»ç»ý Ãß°¡20160222*/
.m_contents .m_txt012g {width:100%;   float: left;   font-size: 0.7em;    font-weight: 500;   color: #8b9191;   padding: 0 0 0 0px;   text-align: left;   letter-spacing: -0.05em;}
.m_contents .m_txt012b {float:left; font-size:1em; font-weight:bold;color:#8b9191;padding: 0px;}



/* ¿ìÆí¹øÈ£ */
.m_tap {width:100%; float: left; margin:30px 0 30px 0;}
.m_tapmenu01 {width:33%; float:left; text-align:center;font-family:'Malgun Gothic','Dotum'; font-size:.8em; font-weight:bold; padding:15px 0 12px 0; border-left:1px solid #dadada; border-top:1px solid #dadada; border-bottom:1px solid #464646; background-color:#f2f2f2; cursor:pointer;}
.m_tapmenu02 {width:32%; float:left; text-align:center;font-family:'Malgun Gothic','Dotum'; font-size:.8em; font-weight:bold; padding:15px 0 12px 0; border-left:1px solid #dadada; border-right:1px solid #dadada; border-top:1px solid #dadada; border-bottom:1px solid #464646; background-color:#f2f2f2; cursor:pointer;}
.m_tapmenu03 {width:33%; float:left; text-align:center;font-family:'Malgun Gothic','Dotum'; font-size:.8em; font-weight:bold; padding:15px 0 12px 0; border-right:1px solid #dadada; border-top:1px solid #dadada; border-bottom:1px solid #464646; background-color:#f2f2f2; cursor:pointer;}
.m_tapon { color:#FFFFFF; background-color:#464646;}


.m_rt10 {float: left; width:10%; margin:0 15px 0 0; padding:0px;}
.m_rt50 {float: right; width:50%; margin:0 15px 0 0; padding:0px;}
.m_lineno { float:left; width:100%; margin:5px 0 5px 0;}
.content01 .m_tapbox20 {float:left; width:20%; padding:0; margin:0 ;}
.m_btnapply01 { width:60%; background-color:#464646;float:left;padding:15px 0 15px 0; margin:50px 20% 20px 20%;cursor:hand;}
.m_btnapply01font { width:100%; font-family:'Malgun Gothic','Dotum';font-size:1.2em; font-weight:bold; color:#ffffff; }
.m_search { float:left; width:100%; margin:0 0 50px 0;}
.m_search01 { float:left; width:100%; height:200px; overflow-y:scroll;border-bottom:1px solid #dadada; padding:20px 0 0 0;}
.m_Address01 { float:left; width:100%;padding:15px 0 13px 0;background-color:#f2f2f2;border-bottom:1px solid #dadada;font-family:'Malgun Gothic','Dotum';font-size:.8em; font-weight:bold; text-align:center;}
.m_Address02 { float:left; padding:15px 0 0px 0;border-bottom:1px solid #dadada;font-family:'Malgun Gothic','Dotum';font-size:.8em; font-weight:700; text-align:left;}

.m_Addressfont {float:left; font-family:'Malgun Gothic','Dotum';font-size:.7em; font-weight:500; text-align:left; padding-right:5px;text-decoration:none; color:#000000}
.m_Addressfont a {float:left;  text-align:left; padding-right:5px;text-decoration:none;color:#000000}
.m_Addressfont a:link {float:left;  text-align:left; padding-right:5px;text-decoration:none;color:#000000}
.m_Addressfont a:hover{float:left; text-align:left; padding-right:5px;;text-decoration: underline;color:#000000}

.m_post { float:left; margin:3px 10px 0px 20px;}
.m_line02{ float:left; height:1px; width:100%; background: #464646; margin:20px 0 0px 0;}
.m_line03{ float:left; height:1px; width:100%; background: #dadada; margin:20px 0 20px 0;}
.m_line04{ float:left; height:0px; width:100%; margin:10px 0 0 0;}
.m_road { float:left; width:100%;}

/* ¾Ë¸³´Ï´Ù */
.m_notice {float:left; width:100%; }
.m_notice01 {float:left; font-weight:bold;padding:0 0 10px 15px; text-align:left;}
.m_notice02 {float:left;line-height:150%;text-align:left; padding:7px 0 30px 15px; }

/* footer */
.m_footer {float:left; width:100%; border-top:1px solid #dadada; padding:30px 0 30px 0;}
.m_footerimg {margin:5px 15px 0 0;}
.m_footerfont {font:Dotum;font-size:.7em; font-weight:500; color:#898989; padding:0; vertical-align:text-top} 


/*¼³¹®Á¶»ç*/
.m_contents03 {float:left; width:100%; height:auto !important; min-height:70%; margin:0px;}

/* intro */

.intro_topi {float:left; padding:5% 12% 5% 10%}
.intro_topi img { width:100%;max-width:384px; height:auto;}
.intro_mbtn01 { float:left; width:90%; border:1px solid #d7d7d7; margin:5% 5% 5% 5% ; cursor:pointer; background:#d35e62; vertical-align:middle; }
.intro_mbtn02 { float:left; width:90%; border:1px solid #d7d7d7; margin:5% 5% 15% 5% ; cursor:pointer;background:#5485b4; vertical-align:middle; }
.intro_txtbox { width:80%; background:#ffffff}
.intro_icon01 { width:20%; background:#d35e62; vertical-align:middle}
.intro_icon02 { width:20%; background:#5485b4; vertical-align:middle}
.intro_txt01 { width:100%; padding:25px; font-family:'Malgun Gothic','Dotum'; text-align:left; vertical-align:text-bottom;}
.intro_mtt01 {float:left;text-align:left; font-size:1.1em;font-weight:bold; letter-spacing:-.1em; margin-right:5px;vertical-align:text-bottom;}
.intro_mtt {float:left; width:100%; text-align:left; font-family:'Gulim','Dotum'; font-size:.7em; font-weight:500; padding-top:10px;}
.intro_mtt011 {float:left;text-align:left; font-size:1.1em;font-weight:bold; letter-spacing:-.1em; margin-right:5px;vertical-align:text-bottom;}


/* »çÀÌ¹ö ¼¾ÅÍÀå ·Î±×ÀÎ */

.cc_logo { width: 100%; background: #5b5a5f; border-bottom: 1px solid #ff5e1d;}
.cc_logo img{ width:30%;margin:0.8em 0 0.8em -5%}
.cc_subtitle {
    width: 90%;
    float: left;
	font-size:0.8em;
	text-align:right;
    background: #f2f2f2;
    font-family: "Malgun Gothic","Dotum";
    font-weight: 800;
    padding: 10px 5% 10px 5%;
}


.cc_contents { float: left; width: 100%;}

.cc_logo01 { width:60%; margin:0 auto; padding:3em 0 1em 0;}
.cc_logo01 img { width:100%; max-width:246px; border:0px;}

.cc_content01 {width:90%; margin:2em 5% 0 5% ; padding:0px}
.cc_box { float:left; width:100%; padding:5px 0; margin:0;}
 
.cc_textbox { float:left; width:96%; height:2em; font-family:'Dotum','Gulim'; font-size:0.9em; padding:.5em 2% .3em 2%; border:1px solid #cccccc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -khtml-border-radius:5px;-o-border-radius10px; text-align:left}

/* Webkit */
.cc_box input ::-webkit-input-placeholder { font-size:0.9em;color: #a1a1a1; font-weight:bold;  font-family:'Malgun Gothic','Dotum';}

/* Firefox 4-18 */
.cc_box input:-moz-placeholder { font-size:0.9em;color: #a1a1a1;font-weight:bold; font-family:'Malgun Gothic','Dotum';}

/* Firefox 19+ */
.cc_box input::-moz-placeholder { font-size:0.9em;color: #a1a1a1;  font-weight:bold; font-family:'Malgun Gothic','Dotum';}

/* IE10+ */
.cc_box input:-ms-input-placeholder { font-size:0.9em;color: #a1a1a1;font-weight:bold; font-family:'Malgun Gothic','Dotum';}


.cc_btn { float:left; width:90%; margin: 1em 5% 0 5%; background:#464646;  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -khtml-border-radius:5px;-o-border-radius10px; padding:20px 0 18px 0;}
.cc_btnfont {
    width: 100%;
    font-family: "Malgun Gothic","Dotum";
    font-size: 1.2em;
    font-weight: bold;
    color: #ffffff;
}
.cc_reference { float:left; width:90%; margin:0 5% 6em 5%; border-top:1px solid #dadada; padding-top:45px;  color:#464646; font-weight:400; }
.cc_reference li {display:inline; float:left; height:20px; padding:0 3% 0 19px;  font-family:'Dotum','Gulim'; font-size:0.8em; background:url(https://members.chosun.com/mobile/img/cybercenter_exclamation.png) no-repeat; text-align:left; letter-spacing:-0.02em; margin-left:3%;} 

/*»çÀÌ¹ö¼¾ÅÍÀå ÀÎÆ®·Î*/
.cc_btn01 { float:left; width:90%; margin: 35px 5% 30% 5%; background:#464646;  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -khtml-border-radius:5px;-o-border-radius10px; padding:20px 0 18px 0;}
.cc_btn04 { float:left; width:90%; margin: 0 5% 30% 5%; background:#464646;  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -khtml-border-radius:5px;-o-border-radius10px; padding:20px 0 18px 0;}
.cc_intro01 { float:left; width:100%; margin:0; padding:0; background:url(https://members.chosun.com/mobile/img/cybercenter_bg.png)}
.cc_intro01 img { width:70%; max-width:452px; margin:1em 0 0 0;}
.cc_introtitle  { width:90%; margin:0 5% 0 5%; padding:2em 0;  font-family:'Dotum','Gulim'; font-size:0.9em; text-align:left; line-height:1.5em;}
.cc_introtitle  h1{ float:left; width:100%; padding:1em 0 1em 0;text-align:left; font-family: "Malgun Gothic","Dotum"; font-size:1.5em; font-weight:bold; color:#252525;}
.cc_reference02 { float:left; width:90%; margin:-1.3em 5% 3em 5%; padding:0;  color:#464646; font-weight:400; }
.cc_reference02 li {display:inline; float:left; height:20px; padding:0 3% 0 19px;  font-family:'Dotum','Gulim'; font-size:0.8em; background:url(https://members.chosun.com/mobile/img/cybercenter_exclamation.png) no-repeat; text-align:left; letter-spacing:-0.02em; ;} 


/* ¿Ï·áÈ®ÀÎ */

.cc_reference01 { float:left; width:90%; margin:0 5% 6em 5%; padding-top:45px;  color:#464646; font-weight:400; }
.cc_reference01 li {display:inline; float:left; height:20px; padding:0 3% 0 19px;  font-family:'Dotum','Gulim'; font-size:0.8em; background:url(https://members.chosun.com/mobile/img/cybercenter_exclamation.png) no-repeat; text-align:left; letter-spacing:-0.02em; margin-left:3%;} 
.cc_btnbox { width:90%; margin:2em 5% 0 5%;}
.cc_btn02 { float:left; width:47.5%; margin:0 5% 30% 0; background:#d56060;  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -khtml-border-radius:5px;-o-border-radius10px; padding:20px 0 18px 0;}
.cc_btn03 { float:left; width:47.5%; margin:0 0 30% 0; background:#464646;  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -khtml-border-radius:5px;-o-border-radius10px; padding:20px 0 18px 0;}
.cc1603_ct {width:70%; margin:0 auto; padding:2em 0 0 0;}
.cc1603_ct img { width:100%;}

/*µî·Ï¾È³»*/
.cc_btnbox02 { width:100%; padding:0 26.25% 0 26.25%;}


/* À§Å¬¸®ºñÁî °áÀçÁ¤º¸ */
.wrap_list0209 {
    text-align: center;
    overflow: hidden;
    max-width: 600px;
	max-height:600px
    padding: 0px;
    margin: 0px;
}
.m_title0209 {
    float: left;
    width: 99.5%;
    background-color: #f2f2f2;
    border: 1px solid #dadada;
    border-style: double;
    margin-bottom: 15px;
}
.wrap_list0209 .m_title0209 span {
    float: left;
    margin: 15px 15px 15px 15px;
}
.m_txt0209s {
    float: left;
    font-family: "Malgun Gothic","Dotum";
    font-size: 0.9em;
    font-weight: 700;
    letter-spacing: -0.05em;
    padding: 10px 0 0 0;
    text-align: left;
}
.content01 .m_font0209g {
    float: right;
    font-family: "Malgun Gothic","Dotum";
    font-size: 0.8em;
    font-weight: 700;
    letter-spacing: -0.05em;
    padding: .7em 0 0 0;
    text-align: right;
	color:#999999;
}
.content01 .m_font0209b {
    float: left;
    font-family: "Malgun Gothic","Dotum";
    font-size: 0.8em;
    font-weight: 700;
    letter-spacing: -0.05em;
    padding: 0.7em 0 0 3%;
    text-align: left;
}

.content01 .m_lt100 {
    float: left;
    width: 85px;
    margin: 0px;
    padding: 0px;
}
.content01 .m_rt500 {
    width: 500px;
    margin: 0px;
    padding: 0px;
}


.m_line0209 {
    float: left;
    height: 1px;
    width: 100%;
    background: #dadada;
    margin: 10px 0 15px 0;
}

.m_rt500 .m_btnredy0209 {
    margin-left: 20px;
    float: left;
    cursor: pointer;
    position: relative;
    top: 6px;
}
.m_btnredy0209 a {  width:120px;
    background-color: #737373;
    padding: 6px 15px 7px 15px;
    font-family: "Malgun Gothic","Dotum";
    font-size: 0.8em;
    font-weight: 500;
    letter-spacing: -0.1em;
    color: #ffffff;
    cursor: pointer; text-decoration:none;}
.m_btngray0209 a:link { color:#FFFFFF; text-decoration:none;}
.m_btngray0209 a:hover{ color:#FFFFFF; text-decoration:none;}
.me0209_btnapply {
    width: 200px;
    background-color: #ed3341;
    float: left;
    padding: 10px 0 10px 0;
    margin: 30px 200px 0 200px;
    cursor: hand;
}

@media screen and (max-width: 599px){
.wrap_list0209 {
    text-align: center;
    overflow: hidden;
    max-width: 100%;
    padding: 0px;
    margin: 0px;
}

.me0209_btnapply {
    width: 40%;
    background-color: #ed3341;
    float: left;
    padding: 10px 0 10px 0;
    margin: 30px 30% 0 30%;
    cursor: hand;
}
}

/* 2018 »ç¿øÈ®Àå ´ëÈ¸*/

/* intro */
.cc1803_contents1 {float: left; width: 94%; font-family: "¸¼Àº °íµñ","Malgun Gothic", "µ¸¿ò","Dotum","±¼¸²","Gulim","Apple SD Gothic Neo","sans-serif","Noto Sans KR", "sans-serif"; padding: 30px 3% 80px 3%; text-align:left; background:url(https://members.chosun.com/mobile/img/1803cc_bg.png) top no-repeat;}

.cc1803_title1 { width:100%;}
.cc1803_title1 img {width:100%; border:0;}

.cc1803_txt1 { float:left; width:100%; font-family: "¸¼Àº °íµñ","Malgun Gothic", "µ¸¿ò","Dotum","±¼¸²","Gulim","Apple SD Gothic Neo","sans-serif","Noto Sans KR", "sans-serif"; font-size: 1em; line-height:1.8em; font-weight:300;margin:30px 0 50px 0;}
.cc1803_txt1 span { font-weight:bold;display : inline-block;}
.cc1803_txt1 img { width:20%; max-width:90px; float:left; padding:10px 10px 0 0;}

.cc1803_con1 {float:left; width:100%;}

button { width:100%;}
.cc1803_btn1 {float: left; width: 100%;  background: url(https://members.chosun.com/mobile/img/1803cc_arrow.png) 95% no-repeat #7d7d7d; font-family: "¸¼Àº °íµñ","Malgun Gothic","Noto Sans KR","Apple SD Gothic Neo", "µ¸¿ò","Dotum","±¼¸²","Gulim","sans-serif"; color:#ffffff; font-weight:800; font-size:1em; padding:20px 0 18px 5%; text-align:left; border-radius: 5px; -moz-border-radius: 5px;  -webkit-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; text-decoration: none; cursor: pointer !important; border:0;}
.cc1803_btn1 span {font-weight:300;} 
a .cc1803_btn1 {text-decoration: none; color:#ffffff;}
a:link .cc1803_btn1 {text-decoration: none; color:#ffffff;}
a:hover .cc1803_btn1 {text-decoration: none; color:#ffffff;}

.cc1803_btn2 {float: left; width: 100%;  background: url(https://members.chosun.com/mobile/img/1803cc_arrow.png) 95% no-repeat #959595; font-family:"¸¼Àº °íµñ","Malgun Gothic","Noto Sans KR", "Apple SD Gothic Neo", "µ¸¿ò","Dotum","±¼¸²","Gulim","sans-serif"; color:#ffffff; font-weight:800; font-size:1em; padding:20px 0 18px 5%; margin:30px 0 ; text-align:left; border:0; border-radius: 5px; -moz-border-radius: 5px;  -webkit-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px;  text-decoration: none;  font-stretch: condensed; cursor: pointer !important;}
.cc1803_btn2 span {font-weight:300;} 
a .cc1803_btn2 {text-decoration: none; color:#ffffff;}
a:link .cc1803_btn2 {text-decoration: none; color:#ffffff;}
a:hover .cc1803_btn2 {text-decoration: none; color:#ffffff;}


/* page */
.cc1803_contents2 {float: left; width: 94%; font-family: "¸¼Àº °íµñ","Malgun Gothic", "µ¸¿ò","Dotum","±¼¸²","Gulim","Apple SD Gothic Neo","sans-serif","Noto Sans KR", "sans-serif"; padding: 30px 3% 80px 3%; text-align:left; }

.cc1803_title2 {float:left; width:100%; font-family: "¸¼Àº °íµñ","Malgun Gothic", "µ¸¿ò","Dotum","±¼¸²","Gulim","Apple SD Gothic Neo","sans-serif","Noto Sans KR", "sans-serif";font-weight: bold; font-size: 1em; padding: 0 0 7px 0; }
.cc1803_title2 span { color:#e60012;}
.cc1803_title3 {float: left;width: 100%; font-family: "¸¼Àº °íµñ","Malgun Gothic", "µ¸¿ò","Dotum","±¼¸²","Gulim","Apple SD Gothic Neo","sans-serif","Noto Sans KR", "sans-serif";font-weight: bold; font-size: .8em; padding:30px 0 7px 0; }

.cc1803_title4 {float:left; width:100%; font-family: "¸¼Àº °íµñ","Malgun Gothic", "µ¸¿ò","Dotum","±¼¸²","Gulim","Apple SD Gothic Neo","sans-serif","Noto Sans KR", "sans-serif";font-weight: bold; font-size: 1.6em; padding: 0 0 7px 0; letter-spacing:-.05em; color:#313131 }
.cc1803_title4 span { color:#e60012;}


.cc1803_txt2 {float:left; width:100%; font-family: "¸¼Àº °íµñ","Malgun Gothic", "µ¸¿ò","Dotum","±¼¸²","Gulim","Apple SD Gothic Neo","sans-serif","Noto Sans KR", "sans-serif";  font-size: .9em; line-height:1.6em;}
.cc1803_txt2 span {color:#e60012; display : inline-block; font-weight:bold;}
.cc1803_txt3 {float:left; width:100%; font-family: "¸¼Àº °íµñ","Malgun Gothic", "µ¸¿ò","Dotum","±¼¸²","Gulim","Apple SD Gothic Neo","sans-serif","Noto Sans KR", "sans-serif";  font-size: .9em; line-height:1.6em; font-weight:300; color:#434343;}
.cc1803_txt3 span { font-weight:bold;}
.cc1803_txt4 {float: left; width: 100%; box-sizing: border-box; margin:10px 0 0 0 0 ; padding:0 3% 0 19px; font-family: 'Dotum','Gulim'; color:#e60012; font-size: 0.8em; background: url(https://members.chosun.com/mobile/img/cybercenter_exclamation.png) 0px 2px no-repeat; text-align: left;letter-spacing: 0; line-height:1.4em;}


.cc1803_con2 { float:left; width:100%; margin:50px 0 0 0;}
.cc1803_con2 img { width:20%; max-width:60px; float: right; padding-top:8px}
.cc1803_con3 { float:left; width:100%; margin:30px 0 0 0;}
.cc1803_con3 img {  width:20%; max-width:60px; float: right; padding-top:8px}
.cc1803_txt5 { float:left; width:80%; color:#434343;  font-family: "¸¼Àº °íµñ","Malgun Gothic", "µ¸¿ò","Dotum","±¼¸²","Gulim","Apple SD Gothic Neo","sans-serif","Noto Sans KR", "sans-serif"; font-size: 1.2em; line-height:20px; font-weight: bold; padding-bottom:8px}
.cc1803_txt8 { font-size:.6em; font-weight:300;display : inline-block; color:#434343;line-height:.6em;  font-family: "¸¼Àº °íµñ","Malgun Gothic", "µ¸¿ò","Dotum","±¼¸²","Gulim","Apple SD Gothic Neo","sans-serif","Noto Sans KR", "sans-serif"; }
.cc1803_txt6 {float:left; width:80%;  color:#434343; font-family: "¸¼Àº °íµñ","Malgun Gothic", "µ¸¿ò","Dotum","±¼¸²","Gulim","Apple SD Gothic Neo","sans-serif","Noto Sans KR", "sans-serif"; font-size: 1em;line-height:1.2em;font-weight: bold; display : inline-block;}
.cc1803_txt7 { color:#959595; font-family: "¸¼Àº °íµñ","Malgun Gothic", "µ¸¿ò","Dotum","±¼¸²","Gulim","Apple SD Gothic Neo","sans-serif","Noto Sans KR", "sans-serif"; font-size: .8em; line-height:1.6em;font-weight: 300; display : inline-block; padding:0 0 0 10px;}
.cc1803_txt9 {float: left; width: 100%; box-sizing: border-box; margin:10px 0 0 0 0 ; padding:0 3% 0 19px; font-family: 'Dotum','Gulim'; color:#959595; font-size: 0.8em; background: url(https://members.chosun.com/mobile/img/cybercenter_exclamation.png) 0px 2px no-repeat; text-align: left;letter-spacing: 0; line-height:1.4em;}

.cc1803_ct1 {width:100%; float:left; font-family: "¸¼Àº °íµñ","Malgun Gothic","Noto Sans KR","Apple SD Gothic Neo", "µ¸¿ò","Dotum","±¼¸²","Gulim","sans-serif"; font-size:1.5em; font-weight:bold; text-align:center; padding:50px 0 10px 0; text-decoration:underline; color:#313131}
.cc1803_chart1 { float:left;width:100%;  border:1px solid #e5e5e5; }
.cc1803_chart1 ul li {list-style:none; }
.cc1803_c1s { float:left; width:15%; height:34px;font-family: "¸¼Àº °íµñ","Malgun Gothic","Noto Sans KR","Apple SD Gothic Neo", "µ¸¿ò","Dotum","±¼¸²","Gulim","sans-serif"; font-size:0.7em; font-weight:300; text-align:center; padding:10px 0; background:#eeeeee; color:#313131; border-right:1px solid #e5e5e5; box-sizing:border-box; }
.cc1803_c1l { float:left; width:35%; height:34px;font-family: "¸¼Àº °íµñ","Malgun Gothic","Noto Sans KR","Apple SD Gothic Neo", "µ¸¿ò","Dotum","±¼¸²","Gulim","sans-serif"; font-size:0.7em; font-weight:300; text-align:center; padding:10px 0; background:#eeeeee; color:#313131; border-right:1px solid #e5e5e5; box-sizing:border-box; }
.cc1803_c1 { float:left; width:25%; height:34px;font-family: "¸¼Àº °íµñ","Malgun Gothic","Noto Sans KR","Apple SD Gothic Neo", "µ¸¿ò","Dotum","±¼¸²","Gulim","sans-serif"; font-size:0.7em; font-weight:300; text-align:center; padding:10px 0; background:#eeeeee; color:#313131; border-right:1px solid #e5e5e5; box-sizing:border-box; }

.cc1803_c1e { float:right; width:25%;height:34px; font-family: "¸¼Àº °íµñ","Malgun Gothic","Noto Sans KR","Apple SD Gothic Neo", "µ¸¿ò","Dotum","±¼¸²","Gulim","sans-serif"; font-size:0.7em; font-weight:300; text-align:center; padding:10px 0; background:#eeeeee; color:#313131; box-sizing:border-box; }
.cc1803_c2s { float:left; width:15%; height:34px; font-family: "¸¼Àº °íµñ","Malgun Gothic","Noto Sans KR","Apple SD Gothic Neo", "µ¸¿ò","Dotum","±¼¸²","Gulim","sans-serif"; font-size:0.7em; font-weight:300; text-align:center; padding:10px 0; color:#313131; border-right:1px solid #e5e5e5; border-top:1px solid #e5e5e5; box-sizing:border-box; letter-spacing:-0.05em; background:#FFF;}
.cc1803_c2l { float:left; width:35%; height:34px; font-family: "¸¼Àº °íµñ","Malgun Gothic","Noto Sans KR","Apple SD Gothic Neo", "µ¸¿ò","Dotum","±¼¸²","Gulim","sans-serif"; font-size:0.7em; font-weight:300; text-align:center; padding:10px 0; color:#313131; border-right:1px solid #e5e5e5; border-top:1px solid #e5e5e5; box-sizing:border-box; letter-spacing:-0.05em; background:#FFF;}
.cc1803_c2 { float:left; width:25%; height:34px; font-family: "¸¼Àº °íµñ","Malgun Gothic","Noto Sans KR","Apple SD Gothic Neo", "µ¸¿ò","Dotum","±¼¸²","Gulim","sans-serif"; font-size:0.7em; font-weight:300; text-align:center; padding:10px 0; color:#313131; border-right:1px solid #e5e5e5; border-top:1px solid #e5e5e5; box-sizing:border-box; letter-spacing:-0.05em; background:#FFF;}
.cc1803_c2e { float: right; width:25%;height:34px; font-family: "¸¼Àº °íµñ","Malgun Gothic","Noto Sans KR","Apple SD Gothic Neo", "µ¸¿ò","Dotum","±¼¸²","Gulim","sans-serif"; font-size:0.7em; font-weight:300; text-align:center; padding:10px 0; color:#313131;border-top:1px solid #e5e5e5;  box-sizing:border-box; background:#FFF;}
.cc1803_c2e span { display : inline-block;}

.cc1803_c3 { float:left; width:30%; height:34px; font-family: "¸¼Àº °íµñ","Malgun Gothic","Noto Sans KR","Apple SD Gothic Neo", "µ¸¿ò","Dotum","±¼¸²","Gulim","sans-serif"; font-size:0.7em; font-weight:300; text-align:center; padding:10px 0; color:#313131; border-right:1px solid #e5e5e5; border-top:1px solid #e5e5e5; box-sizing:border-box; letter-spacing:-0.05em; background:#eeeeee;}
.cc1803_c3e { float:left; width:40%; height:34px; font-family: "¸¼Àº °íµñ","Malgun Gothic","Noto Sans KR","Apple SD Gothic Neo", "µ¸¿ò","Dotum","±¼¸²","Gulim","sans-serif"; font-size:0.7em; font-weight:300; text-align:center; padding:10px 0; color:#313131; border-top:1px solid #e5e5e5; box-sizing:border-box; letter-spacing:-0.05em;  background:#eeeeee;}
.cc1803_c4 { float:left; width:30%; height:34px; font-family: "¸¼Àº °íµñ","Malgun Gothic","Noto Sans KR","Apple SD Gothic Neo", "µ¸¿ò","Dotum","±¼¸²","Gulim","sans-serif"; font-size:0.7em; font-weight:300; text-align:center; padding:10px 0; color:#313131; border-right:1px solid #e5e5e5; border-top:1px solid #e5e5e5; box-sizing:border-box; letter-spacing:-0.05em; background:#FFF; }
.cc1803_c4e { float:left; width:40%; height:34px; font-family: "¸¼Àº °íµñ","Malgun Gothic","Noto Sans KR","Apple SD Gothic Neo", "µ¸¿ò","Dotum","±¼¸²","Gulim","sans-serif"; font-size:0.7em; font-weight:300; text-align:center; padding:10px 0; color:#313131; border-top:1px solid #e5e5e5; box-sizing:border-box; letter-spacing:-0.05em; background:#FFF; }
.cc1803_c2b {font-weight:bold !important;}

.cc1803_gift {float:left;width:100%; margin:20px 0 0 0; }
.cc1803_gbox1 { float:left; width:47%; margin:30px 3% 0 0;}
.cc1803_gbox2 { float:left; width:47%; margin:30px 0 0 3%;}
.cc1803_gimg1 { float:left;  border:1px solid #e5e5e5; box-sizing:border-box; margin:0 0 16px 0;}
.cc1803_gimg1 img { width:100%;}
.cc1803_gtxt1 {font-family: "¸¼Àº °íµñ","Malgun Gothic","Noto Sans KR","Apple SD Gothic Neo", "µ¸¿ò","Dotum","±¼¸²","Gulim","sans-serif"; font-size:0.9em; font-weight:600; text-align:center;  color:#434343;}
.cc1803_gbtn1 {float: left; width: 60%;  background: #7d7d7d; font-family: "¸¼Àº °íµñ","Malgun Gothic","Noto Sans KR","Apple SD Gothic Neo", "µ¸¿ò","Dotum","±¼¸²","Gulim","sans-serif"; color:#ffffff; font-weight:800; font-size:0.7em; padding:6px 0 6px 0; text-align:left; border-radius: 5px; -moz-border-radius: 5px;  -webkit-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; text-decoration: none; cursor: pointer !important; border:0; text-align:center; margin:10px 20% 0 20%;}



/* Á¶¼±¹Ìµð¾î º»ÀÎÀÎÁõ 180625 */
/* con */
.i180625_wrap { width:100%; margin:0 auto; background:#fafafc;}
.i180625_con { width:100%; max-width:720px; margin:0 auto; overflow:hidden;}
.i180625_title { width:100%; font-family:'Apple SD Gothic Neo','sans-serif','¸¼Àº °íµñ','Malgun Gothic', 'µ¸¿ò','Dotum','±¼¸²','Gulim'; padding:50px 0 0 0;font-size: 2.2em; text-align:center; word-break:keep-all;box-sizing: border-box; font-weight:200; color:#3a3e4d; line-height:none;}
.i180625_title span { font-weight: bold;}
.i180625_txt { width:100%; padding:20px 5% 0 5%;  font-family:'Apple SD Gothic Neo','sans-serif','¸¼Àº °íµñ','Malgun Gothic', 'µ¸¿ò','Dotum','±¼¸²','Gulim'; color:#707070; text-align:center; font-size:1.2em; font-weight:300; line-height:none; box-sizing:border-box;}
.i180625_txt span {display:inline-block; word-break:keep-all;}

.i180626_box1 { float:left; width:100%; background:#ffffff; box-sizing:border-box; margin:50px 0 0 0; padding:0; }
.i180626_bd1 { float:left; width:100%; padding:20px 5% 15px 5%; box-sizing:border-box; border-top:1px solid #e0e0e0; overflow:hidden;}
.i180626_bd1e { float:left; width:100%; padding:15px 5% 15px 5%; box-sizing:border-box; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;overflow:hidden;}
.i180626_lt30 { float:left; width:20%;}
.i180626_rt70 { float:left; width:80%;overflow:hidden;}
.i180626_rt70 dl { float:left; width:100%;overflow:hidden;}

.i180626_textbox {width: 100%;font-family:'Apple SD Gothic Neo','sans-serif','¸¼Àº °íµñ','Malgun Gothic', 'µ¸¿ò','Dotum','±¼¸²','Gulim';  font-size: 0.9em;  padding: 7px 7px 5px 7px; border: 1px solid #e0e0e0; letter-spacing: 0em; background:#fafafa; font-weight:300;}

.i180626_font1 {font-family:'Apple SD Gothic Neo','sans-serif','¸¼Àº °íµñ','Malgun Gothic', 'µ¸¿ò','Dotum','±¼¸²','Gulim'; color:#1b1b1b; font-size:1.2em; font-weight:300; line-height:1.8em;}

.i180626_rt10b1 { float:left; width:10%}
.i180626_rt25b1 { float:left; width:25%;}
.i180626_rt20b1 { float:left; width:20%;}
.i180626_rt30b1  {float:left; width:30%; padding:0 10px 0 0; box-sizing:border-box;}
.i180626_rt30b2  {float:left; width:30%;}
.i180626_rt50b1 { float:left; width:50%;}
.i180626_rt50b2 { float:left; width:50%;}
.i180626_rt50b3 { float:left; width:50%; padding:0 10px 0 0; box-sizing:border-box;}
.i180626_rt70b1 { float:left; width:80%; display:inline-block; padding:0 10px 0 0; box-sizing:border-box;}
.i180626_rt20bt {float: left; font-family: 'Apple SD Gothic Neo','sans-serif','¸¼Àº °íµñ','Malgun Gothic', 'µ¸¿ò','Dotum','±¼¸²','Gulim'; font-weight: 500;  font-size: 0.9em;  text-align: left; padding: 7px 10px 0 5px;  margin: 0; color: #1b1b1b; text-align:left;}

/* ¶óµð¿À¹öÆ° */
.i180625_radio {float:left; width:100%; position: relative; margin:5px 0 0 0; display:inline-block;font-family: 'Apple SD Gothic Neo','sans-serif','¸¼Àº °íµñ','Malgun Gothic', 'µ¸¿ò','Dotum','±¼¸²','Gulim';font-size: 1em; line-height:1.6em ; font-weight:300;}
.i180625_radio input[type="radio"] {position: absolute; width: 20px; height: 20px; padding: 0; margin: 3px 2px 0 0; overflow: hidden; clip:rect(0,0,0,0); border: 0; visibility: hidden;}
.i180625_radio input[type="radio"] + label {display: inline-block; position: relative; padding-left: 25px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.i180625_radio input[type="radio"] + label:before {content: ''; position: absolute; left: 0; top: -2px; width: 20px; height: 20px; margin: 3px 0px 0 0; text-align: center; background: #e0e0e0; border: 0px solid #cacece; border-radius: 100%;}
.i180625_radio input[type="radio"] + label:active:before, .i180625_radio input[type="radio"]:checked + label:active:before  {}
.i180625_radio input[type="radio"]:checked + label:before { background: #E9ECEE; border-color: #adb8c0;}
.i180625_radio input[type="radio"]:checked + label:after { content: ''; position: absolute; top: -2px; left: 0px; width: 10px; height: 10px; margin: 3px 0px 0 0; background: #ffffff; border: 5px solid #ed3341; border-radius: 100%;}
/* radio size */
.i180625_radio.small input[type="radio"] + label { font-size: 12px; padding-left: 25px;}
.i180625_radio.small input[type="radio"] + label:before {top: -2px; width: 17px; height: 17px;}
.i180625_radio.small input[type="radio"]:checked + label:after {top: 3px; width: 9px; height: 9px;}

.i180625_select { float:left ; width:100%;}
.i180625_select select	{ width:100%;  text-align: left; padding: 6px 10px 4px 10px;  display: block; line-height: 1.4; overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;border:1px solid #e0e0e0; background: url(https://members.chosun.com/mobile/img/ico_selectArrow.png) right 50% no-repeat; font-weight: normal;  color: #212121;-webkit-appearance: none; -moz-appearance: none;  -ms-appearance: none;  -o-appearance: none; appearance: none; font-family: 'Apple SD Gothic Neo','sans-serif','¸¼Àº °íµñ','Malgun Gothic', 'µ¸¿ò','Dotum','±¼¸²','Gulim'; font-size:0.9em}
.i180625_select select::-ms-expand{ display: none;}

.i180625_btnred1 { float: left; width:100%; background-color: #ed3341; padding: 8px 0 8px 0; font-family: "Malgun Gothic","Dotum"; font-size: 0.7em;  font-weight: 600;   color: #ffffff;  cursor: pointer; text-align:center}
.i180625_btnred1 input {display: none;}

.i180625_btngray1 { float: left; width:100%; background-color: #737373;   padding: 8px 0 8px 0; font-family: 'Malgun Gothic','Dotum';  font-size: .7em;  font-weight: 600;  color: #ffffff ;cursor: pointer; text-align:center;}
.i180625_btngray1 input {display:none}

.i180626_btn {float: left;   background-color: #ed3341; color: #ffffff; font-family: 'Apple SD Gothic Neo','sans-serif','¸¼Àº °íµñ','Malgun Gothic', 'µ¸¿ò','Dotum','±¼¸²','Gulim'; font-size:1.5em; font-weight:800; text-align:center; width:80%; margin:40px 10% 60px 10%; padding:10px 0 10px 0;-moz-border-radius: 5px;  -webkit-border-radius: 5px;  border-radius: 5px; cursor: pointer;}
@media screen and (max-width: 419px){
	
.i180626_font1 {font-family:'Apple SD Gothic Neo','sans-serif','¸¼Àº °íµñ','Malgun Gothic', 'µ¸¿ò','Dotum','±¼¸²','Gulim'; color:#1b1b1b; font-size:1em; font-weight:300; line-height:2.2em; letter-spacing:-0.05em}	
.i180626_rt50b1 { float:left; width:65%;}
.i180626_rt50b2 { float:left; width:35%;}	
.i180626_rt30b1  {float:left; width:50%; padding:0 10px 10px 0; box-sizing:border-box;}
.i180626_rt50b3 { float:left; width:80%;padding:0 10px 0 0; box-sizing:border-box;}
}


/*  202402 °³ÀÎÁ¤º¸ µ¿ÀÇ css */

:root { color-scheme: light only;}
.consent-wrap { width: 100%; margin: 40px 0 0 0; float: left; overflow: hidden;}
.consent-box-all { padding: 0 0 16px 0;}
.consent-box-pick {border-top: 1px solid #d7d7d7; /*padding: 16px 0 0 0;*/}
.consent-box-txt { width:100%; border:1px solid #d7d7d7; margin:10px 0 20px 0; padding:30px 20px 20px 20px; box-sizing: border-box;}
.consent-box-txt dl {width:100%;}
.consent-box-txt dt { font-family: 'µ¸¿ò','Dotum','±¼¸²','Gulim','Apple SD Gothic Neo','sans-serif';  font-size: 12px; line-height: 1.5; text-align: left; color: #333; font-weight: 700;}
.consent-box-txt dd { font-family: 'µ¸¿ò','Dotum','±¼¸²','Gulim','Apple SD Gothic Neo','sans-serif';  font-size: 12px; line-height: 1.5; text-align: left; color: #333; padding: 4px 0 16px 0; width: 100%; box-sizing: border-box;}
.item-wrap {width: 100%; box-sizing: border-box; padding: 8px 0 16px 30px;}
.item-wrap .consent-item { display: flex; justify-content: flex-start;  }


.consent-box-txt table {overflow: hidden; width: 100%; margin: 12px 0 4px 0; border-top:1px solid #d7d7d7 ; border-left: 1px solid #d7d7d7 ; border-right:1px solid #d7d7d7  ; padding: 0; box-sizing: border-box; border-spacing: 0px; }
.consent-box-txt td {border-bottom:1px solid #d7d7d7; border-left: 1px solid #d7d7d7 ; padding: 6px 0;  text-align: center; margin: 0;}
.consent-box-txt td:first-child {border-bottom:1px solid #d7d7d7; border-left: 0 ; }
.consent-info { margin: 4px 0 0 0; padding: 0 25px; box-sizing: border-box; width: 100%;}

/*Ã¼Å©¹Ú½º »ç°¢Çü*/
	
.checks {  display: inline-block; }
.checks input[type="checkbox"] {  display: none;}
.checks input[type="checkbox"] + label { cursor: pointer;}
.checks input[type="checkbox"]+ label span {  display: inline-block;  width: 15px;  height: 15px;  margin: -3px 10px 0 0;  vertical-align: middle;  cursor: pointer;  border-radius: 0;  border: 2px solid #fff; /* box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);*/  background-repeat: no-repeat;  background-position: center;  text-align: center;  line-height: 15px;}
.checks input[type="checkbox"] + label span svg {  opacity: 0;  transition: all 0.3s ease;  }
.checks input[type="checkbox"] + label span {  border: 1px solid #d7d7d7; box-sizing: border-box; background: #fff;}
.checks input[type="checkbox"]:checked + label span svg {  opacity: 1; }
.checks input[type="checkbox"]:checked + label span {  background: #222; border: 0; }

.consent-item .checks {  display: inline-block; }
.consent-item .checks input[type="checkbox"] {  display: none;}
.consent-item .checks input[type="checkbox"] + label { cursor: pointer;}
.consent-item .checks input[type="checkbox"]+ label span {  display: inline-block;  width: 18px;  height: 18px;  margin: 0px 10px 0 0;  vertical-align: middle;  cursor: pointer;  border-radius:15px;  border: 2px solid #126ccd; /* box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);*/  background-repeat: no-repeat;  background-position: center;  text-align: center;  line-height: 15px; }
.consent-item .checks input[type="checkbox"] + label span svg {  opacity: 1;  transition: all 0.3s ease; }
.consent-item .checks input[type="checkbox"] + label span {  border: 1px solid #d7d7d7; box-sizing: border-box; background: #fff;}
.consent-item .checks input[type="checkbox"]:checked + label span svg {  opacity: 1;}
.consent-item .checks input[type="checkbox"]:checked + label span {  background:#126ccd; border: 0; }

/* font */
.font-16b { color: #222; font-family: 'Noto Sans KR','µ¸¿ò','Dotum','±¼¸²','Gulim','Apple SD Gothic Neo','sans-serif';  font-size: 16px; line-height: 1.43; font-weight: 700; text-align: left;}
.font-14b { color: #222; font-family: 'Noto Sans KR','µ¸¿ò','Dotum','±¼¸²','Gulim','Apple SD Gothic Neo','sans-serif';  font-size: 14px; line-height: 1.43; font-weight: 700; text-align: left;}
.font-14s {color: #999;  font-family: 'Noto Sans KR','µ¸¿ò','Dotum','±¼¸²','Gulim','Apple SD Gothic Neo','sans-serif';  font-size: 14px; line-height: 1.43; text-align: left; word-break: break-all; letter-spacing: -.5px;}
.font-12s {color: #222;  font-family: 'µ¸¿ò','Dotum','±¼¸²','Gulim','Apple SD Gothic Neo','sans-serif';  font-size: 12px; line-height: 1.43; text-align: right; word-break: break-all; letter-spacing: -.5px;}

.consent-btn button { float: right; margin: 0; padding:4px 0 4px 0; cursor: pointer ;    width:70px;  text-align:center;position:relative; display: inline-block; background:#ffffff; color:#333333; font-family: 'Noto Sans KR','µ¸¿ò','Dotum','±¼¸²','Gulim','Apple SD Gothic Neo','sans-serif'; font-size:12px;  border:1px solid #dedede;;}
.consent-btn-check { padding:4px 0 4px 0; width:80px;  text-align:center;position:relative; display: inline-block; background:#126ccd; color:#FFF; font-family:'µ¸¿ò','Dotum','±¼¸²','Gulim','Apple SD Gothic Neo','AppleSDGothicNeo-Regular','sans-serif'; font-size:12px; font-weight:700; cursor: pointer; margin: 20px 0 0 -40px;}

.consent-flex { display: flex; justify-content: space-between; }
.consent-pad-top16 { padding: 16px 0 0 0;}
.consent-pad-bottom8 { padding: 0 0 8px 0; }
.consent-pad-left30 { padding: 0 30px 0 0;  }
.consent-pad-8 { padding: 8px 0 8px 0;}

.consent-margin-l50 { margin: 0 0 0 50%;}

/*  ´Üµ¶ Å×ÀÌºí */
.consent_table-box {overflow: hidden; width: 100%; margin: 12px 0 4px 0; border-top:1px solid #d7d7d7 ; border-left: 1px solid #d7d7d7 ; border-right:1px solid #d7d7d7  ; padding: 0; box-sizing: border-box; border-spacing: 0px;font-family: 'µ¸¿ò','Dotum','±¼¸²','Gulim','Apple SD Gothic Neo','sans-serif';  font-size: 12px; line-height: 1.5; text-align: left; color: #333; }
.consent_table-box td {border-bottom:1px solid #d7d7d7; border-left: 1px solid #d7d7d7 ; padding: 6px 0;  text-align: center; margin: 0;}
.consent_table-box td:first-child {border-bottom:1px solid #d7d7d7; border-left: 0 ; }


@media (max-width: 768px) {

}
@media (prefers-color-scheme: dark) {

}

/* 20240227_±¸µ¶½ÅÃ» ¾à°üµ¿ÀÇ css */
.concur-box { width: 100%; overflow: hidden;  /*display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; align-content: stretch;*/}
.concur-flex { display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch;  align-content: stretch; /* flex-wrap: wrap;*/}
.concur-item:nth-child(1) {flex-grow: 1;}
.concur-item:nth-child(2) {flex-shrink: 0; width: 74px; align-self: center; }
.concur-txt { padding: 5px 10px 0 10px; box-sizing: border-box; }
.concur-txt span {font-family: 'Malgun Gothic','Dotum';  font-size: 13px; line-height: 23px; font-weight: 600;  text-align: left; display:inline-block; padding: 3px 0 0 10px; box-sizing: border-box; vertical-align: inherit;}

.concur-txt label {float: left; display: flex !important;}
.concur-txt label:before {flex-shrink: 0; width: 20px; align-self: top; }
.concur-txts { width: 100%; font-family: 'Malgun Gothic','Dotum'; font-size: 12px; line-height: 22px; font-weight: 300;  text-align: left; display: inline-block; padding: 0 15px 0 40px ; box-sizing: border-box; overflow: hidden;}

.concur-btn {float: right; margin:5px 15px 0 0; padding: 8px 15px 8px 15px; cursor: pointer; font-family: 'Malgun Gothic','Dotum'; font-weight: 700; font-size: 11px; color: #ffffff; background-color: #737373; box-sizing: border-box;}
.concur-btn input {display: none;}

.concur-choice { width: 100%; display: inline-block; padding: 0 0 0 30px; box-sizing: border-box;}

.concur-pad-t6 {padding: 6px 0 0 0;}
.concur-blank20 { margin: 0 20px 0 0;}


/* 20240306_Á¶¼±ÀÏº¸ ±¸µ¶ ½ÅÃ» °è¾à¼­ css */    
:root { color-scheme: light only;}

.contract_wrap { background: #fff; width: 100%; color: #222; font-family:'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic','¸¼Àº °íµñ','µ¸¿ò','Dotum','±¼¸²','Gulim','sans-serif';}
.contract_wrap > .con-box { width: 100%; max-width: 500px;  padding: 0 0 260px 0; margin: 0 auto; overflow: hidden; background: #fafafa;}

.contract_con { background: #fafafa; }
.contract_con > .title { width: 100%; max-width: 183px; margin: 0 auto;}
.contract_con > .title img { width: 100%;}
.contract_con > .txt { text-align: center; padding: 2px 0 0 0;}

.con-box > .pad-box { padding: 30px 16px; box-sizing: border-box;}

.contract_box { width: 100%; display:table; margin: 20px auto 8px auto ; padding: 12px 14px; border-top: 2px solid #222; border-bottom:2px solid #222; box-sizing: border-box; }
.contract_box dl { margin: 4px 0; display: block; overflow: hidden;}
.contract_box dt { float: left; font-weight: 400; text-align: left; color: #222; vertical-align: text-top; display: flex; }
.contract_box > dl > dt > .title {width: 90px;}
.contract_box > dl > dt > .txt { font-weight: bold; color:#000 !important; flex: 1;}

.contract_notice {text-align: left; display: flex; margin: 0 0 20px 0;}
.contract_notice > .icon {width: 11px; height: 11px; vertical-align: top; margin: 0 8px 0 0; }
.contract_notice > .txt {flex: 1; color: #999; text-align: left;}

.sign-box {width: 100%; display: flex; align-items: flex-end;}
.sign-box > .logo { float: left; width: 100%; flex: 1;}
.sign-box > .logo img {width: 100%; max-width: 142px; float: left; }
.sign-box > .con {float: right; text-align: right; width: 150px; padding: 0 8px 0 0; box-sizing: border-box; overflow: hidden;}
.sign-box > .con div {display: block;}
.sign-box > .con > .days {font-weight: bold;}
.sign-box > .con > .name > div { display: inline-block; font-weight: bold; font-size: 18px !important;} 

.bottom-box { box-shadow: 0px 0 40px gray; padding: 30px 30px; box-sizing: border-box; overflow: hidden; background: #fff; position: fixed; bottom: 0px; width: 100%; max-width: 500px; }
.contract_btn { float: right; display: inline-block; cursor:pointer;}

.contract_pad { padding: 8px 0 0 30px; box-sizing: border-box;}
.contract_blank { padding: 16px 0 30px 0;}

.contract_font-15 {font-family:'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic','¸¼Àº °íµñ','µ¸¿ò','Dotum','±¼¸²','Gulim','sans-serif'; font-size: 14px; line-height: 24px;}
.contract_font-13 {font-family:'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic','¸¼Àº °íµñ','µ¸¿ò','Dotum','±¼¸²','Gulim','sans-serif'; font-size: 12px; line-height: 18px;}
.contract_font-16 {font-family:'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic','¸¼Àº °íµñ','µ¸¿ò','Dotum','±¼¸²','Gulim','sans-serif'; font-size: 16px; line-height: 28px;}

@media (max-width: 768px) {
.contract_wrap > .con-box {  max-width:100%; }  
.contract_con > .title { width: 50%; max-width: 183px; margin: 0 auto;}
.contract_font-15 {font-size: 12px; line-height: 18px;}
.contract_font-16 {font-size: 13px; line-height: 18px;}
.contract_notice { padding: 0  15px; box-sizing: border-box;}
.bottom-box { box-shadow: 0px 0 20px gray; padding: 40px 30px 0 30px; }
.sign-box > .logo img {width: 50%; max-width: 142px;}
.sign-box > .con > .name > div { font-size: 13px !important;} 
}


/* 20240327 ±¸µ¶ÀÎÁõ CSS */

.mb24_wrap { width: 730px; font-family:'Noto Sans KR','¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum','±¼¸²','Gulim','Apple SD Gothic Neo','sans-serif'; color: #000;} 
.mb24_title {height: 30px; align-items: center; font-weight: 700; margin: 32px 0 12px 0; display: block; overflow: hidden; text-align: left; }

.mb24_list-title {width: 128px; vertical-align: text-top; margin: 0 64px 0 0; height: 28px; font-weight: 400;}

.mb24_list-blank {padding: 16px 24px;}
.mb24_pad20_right {padding-right: 20px;}
.mb24_pad120_bottom {padding-bottom: 120px;}
.mb24_blank32_top {margin-top: 32px;}
.mb24_blank24_top {margin-top: 24px;}
.mb24_blank14_top {margin-top: 14px;}
.mb24_blank8_top {margin-top: 8px;}
.mb24_blank4_top {margin-top: 4px;}
.mb24_blank8_bottom {margin-bottom: 8px;}
.mb24_blank20_right {margin-right: 20px;}
.mb24_blank26_left {margin-left: 26px;}
.mb24_blank16_left {margin-left: 16px;}

.mb24_line-black {border-top: 1px solid #222;} 
.mb24_line-gray {border-top: 1px solid #d7d7d7;} 

.mb24_flex {display:flex !important;}

.mb24_flex--justify-start {justify-content: flex-start;}
.mb24_flex--justify-space-between {justify-content: space-between;}

.mb24_flex--wrap { flex-wrap: wrap;}

.mb24_width-100 {width: 100%;}
.mb24_width-215 {width: 215px;}

.mb24_input-con {position: relative;}
.mb24_input-time {position: absolute; z-index: 10; right: 36px; vertical-align: middle; top: 12px; color: #d9001b; font-weight: 500;}

 .mb24_bg_grey {background: #f2f2f2;} 

.mb24_error {color: #d9001b; font-weight: 400; }
.mb24_error svg {width: 16px; height: 16px; vertical-align: middle; padding: 0 4px 0 0;}
.mb24_check { color: #126ccd; display: inline-block; vertical-align: text-top;}
.mb24_check svg { width: 26px; height: 22px; margin: 0 4px 0 0; padding: 4px 0 0 0 ; box-sizing: border-box;}
.mb24_info {color: #999999; font-weight: 400; }
.mb24_info ul {  list-style : none; margin: 32px 0 0 0;}
.mb24_info li {list-style: none; font-size: 13px; line-height: 1.5; letter-spacing: -.45px; list-style-position: outside; }
.mb24_info li:before {content: "¡¤"; padding-right: 6px;}
.mb24_accent {display: inline-block; background: linear-gradient(#fff 60%,  #c5dffc 40%  ); padding: 0; margin: 0;  font-size: 17px;}

/*input¹Ú½º*/
.mb24_input-box { box-sizing: border-box; margin: 0;}
.mb24_input-box input { width: 100%; height: 50px; border:1px solid #d7d7d7;  color: #000; font-weight:700; padding: 12px; word-break:keep-all; box-sizing: border-box; overflow: hidden;}
.mb24_input-box input:focus {outline: none;} 
.mb24_input-box input:hover { border: 1px solid #222;}
.mb24_input-box input:disabled {background: #fafafa;}
.mb24_input-box input::placeholder { color:#d7d7d7; font-weight: 400; }

#phoneNumTxt::placeholder {font-size: 14px; /* ¿øÇÏ´Â ±Û¾¾ Å©±â·Î Á¶ÀýÇÏ¼¼¿ä *//* color: #999999; ¼±ÅÃ »çÇ×: placeholder ÅØ½ºÆ®ÀÇ »ö»óµµ º¯°æÇÒ ¼ö ÀÖ½À´Ï´Ù */}

/*btn*/
.mb24_btn-line {}
.mb24_btn-line > button { width: 130px; height: 50px; display: block; background-color: transparent; border-color: inherit;  border-style: inherit;  padding: inherit; color:#707070; border: 1px solid #d7d7d7; padding: 4px 12px; cursor: pointer; font-weight: 400 ; text-align: center; /*margin: 8px 0 0 0; */vertical-align: middle; }
.mb24_btn-line > button:hover { background: #eaeaea; color: #222;}
.mb24_btn-line > label {width: 130px; height: 50px; display: block; background-color: transparent; border-color: inherit;  border-style: inherit; color:#707070; border: 1px solid #d7d7d7; padding: 12px 12px 10px 12px; cursor: pointer; font-weight: 400 ; text-align: center;  vertical-align: middle;  box-sizing: border-box;}
.mb24_btn-line > label:hover { background: #eaeaea; color: #222;}

.mb24_btn-arr {width: 20px; height: 20px; }
.mb24_btn-arr > button { width: 20px; height: 20px; display: block; background-color: transparent; border-color: inherit;  border-style: inherit;  padding: inherit; cursor: pointer; text-align: center;  vertical-align: middle; }
.mb24_btn-arr > button:hover { }

.mb24_btn-blue {}
.mb24_btn-blue > button { width: 130px; height: 50px; display: block; background-color: #126ccd; border-color: inherit;  border-style: inherit;  padding: inherit; color:#fff;  padding: 7px 12px; cursor: pointer; font-weight: 500 ; text-align: center; vertical-align: middle; }

.mb24_btn-off {}
.mb24_btn-off > button { width: 130px; height: 50px; display: block; background-color: #d7d7d7; border-color: inherit;  border-style: inherit;  padding: inherit; color:#999999;  padding: 7px 12px; cursor: pointer; font-weight: 500 ; text-align: center; vertical-align: middle; }

.mb24_btn-black {}
.mb24_btn-black > button { width: 130px; height: 50px; display: block; background-color: #000; border-color: inherit;  border-style: inherit;  padding: inherit; color:#fff;  padding: 7px 12px; cursor: pointer; font-weight: 500 ; text-align: center; vertical-align: middle; }

.mb24_btn-cancel {}
.mb24_btn-cancel > button { width: 130px; height: 50px; display: block; background-color: transparent; border-color: inherit;  border-style: inherit;  padding: inherit; color:#707070; border: 1px solid #d7d7d7; padding: 4px 12px; cursor: pointer; font-weight: 500 ; text-align: center; vertical-align: middle; }
.mb24_btn-cancel > button:hover { background: #eaeaea; color: #222;}

.mb24_float_right {float: right;}


/*font*/
.mb24_font20 {font-family:'Noto Sans KR','¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum','±¼¸²','Gulim','Apple SD Gothic Neo','sans-serif';  font-size: 20px; line-height: 1.5; letter-spacing: -.45px;}
.mb24_font18 {font-family:'Noto Sans KR','¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum','±¼¸²','Gulim','Apple SD Gothic Neo','sans-serif';  font-size: 18px; line-height: 1.5; letter-spacing: -.45px;}
.mb24_font16 {font-family:'Noto Sans KR','¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum','±¼¸²','Gulim','Apple SD Gothic Neo','sans-serif';  font-size: 16px; line-height: 1.5; letter-spacing: -.45px;}
.mb24_font14 {font-family:'Noto Sans KR','¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum','±¼¸²','Gulim','Apple SD Gothic Neo','sans-serif';  font-size: 14px; line-height: 1.5; letter-spacing: -.45px;}
.mb24_font13 {font-family:'Noto Sans KR','¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum','±¼¸²','Gulim','Apple SD Gothic Neo','sans-serif';  font-size: 13px; line-height: 1.5; letter-spacing: -.45px;}
.mb24_font12 {font-family:'Noto Sans KR','¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum','±¼¸²','Gulim','Apple SD Gothic Neo','sans-serif';  font-size: 12px; line-height: 1.5; letter-spacing: -.45px;}

.mb24_txt-align_left {text-align: left;}
.mb24_txt-bold {font-weight: 700;}

.mb24_icon-error {fill:#D9001B; width: 12px; height: 12px;}

/*Ã¼Å©¹Ú½º »ç°¢Çü*/
.mb24_consent-box-all {display: flex; font-weight: 700;}

.mb24_checks {  display: inline-block; }
.mb24_checks input[type="checkbox"] {  display: none;}
.mb24_checks input[type="checkbox"] + label { cursor: pointer;}
.mb24_checks input[type="checkbox"]+ label span {  display: inline-block;  width: 15px;  height: 15px;  margin: -3px 10px 0 0;  vertical-align: middle;  cursor: pointer;  border-radius: 0;  border: 2px solid #fff; /* box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);*/  background-repeat: no-repeat;  background-position: center;  text-align: center;  line-height: 15px;}
.mb24_checks input[type="checkbox"] + label span svg {  opacity: 0;  transition: all 0.3s ease;  }
.mb24_checks input[type="checkbox"] + label span {  border: 1px solid #d7d7d7; box-sizing: border-box; background: #fff;}
.mb24_checks input[type="checkbox"]:checked + label span svg {  opacity: 1; vertical-align: super; }
.mb24_checks input[type="checkbox"]:checked + label span {  background: #222; border: 0; }

.mb24_consent-item .mb24_checks {  display: inline-block; }
.mb24_consent-item .mb24_checks input[type="checkbox"] {  display: none;}
.mb24_consent-item .mb24_checks input[type="checkbox"] + label { cursor: pointer;}
.mb24_consent-item .mb24_checks input[type="checkbox"]+ label span {  display: inline-block;  width: 18px;  height: 18px;  margin: 0px 10px 0 0;  vertical-align: middle;  cursor: pointer;  border-radius:15px;  border: 2px solid #126ccd; /* box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);*/  background-repeat: no-repeat;  background-position: center;  text-align: center;  line-height: 15px; }
.mb24_consent-item .mb24_checks input[type="checkbox"] + label span svg {  opacity: 1;  transition: all 0.3s ease; }
.mb24_consent-item .mb24_checks input[type="checkbox"] + label span {  border: 1px solid #d7d7d7; box-sizing: border-box; background: #fff;}
.mb24_consent-item .mb24_checks input[type="checkbox"]:checked + label span svg {  opacity: 1;}
.mb24_consent-item .mb24_checks input[type="checkbox"]:checked + label span {  background:#126ccd; border: 0; }

.mb24_consent-info { font-weight: 400; color: #999999; display: block; padding-top: 8px; padding-left: 16px;}


/* ÆË¾÷ */
.mb24_modal { opacity: 0; visibility: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: left; background: rgba(0,0,0, .6); transition: opacity .25s ease; z-index: 20;}
.mb24_modal_bg {position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer;}
.mb24_modal-state {  display: none !important;}
.mb24_modal-state:checked + .mb24_modal {  opacity: 1 !important; visibility: visible !important;}

.mb24_modal-state:checked + .mb24_modal .mb24_modal_inner { top: 0 !important;}

.mb24_modal_inner {  transition: top .25s ease;  position: absolute;  top: -20%;  right: 0;  bottom: 0;  left: 0;  max-width: 730px;   margin: auto;  overflow: hidden;  background: #fff;  padding: 56px;  height: 390px;}

.mb24_modal_close {  position: absolute;  right: 1em;  top: 1em;  width: 1.1em;  height: 1.1em;  cursor: pointer;}

.mb24_modal_close:after, .mb24_modal_close:before { content: '';  position: absolute;  width: 2px;  height: 1.5em;  background: #ccc;  display: block;  transform: rotate(45deg);  left: 50%;  margin: -3px 0 0 -1px; top: 0;}

.mb24_modal_close:hover:after, .mb24_modal_close:hover:before {  background: #aaa;}

.mb24_modal_close:before { transform: rotate(-45deg);}

.mb24_modal_con { height: 320px; overflow: auto;}

.mb24_modal-state:checked + .mb24_modal .mb24_modal_inner-pop { top: 0 !important;}

.mb24_modal_inner-pop {  transition: top .25s ease;  position: absolute;  top: -50%;  right: 0;  bottom: 0;  left: 0; width: 100%; max-width: 360px;  margin: auto;  overflow: hidden;  background: #fff;  padding: 20px 32px;  height: 200px; display: flex; box-sizing:border-box; }
.mb24_modal_inner-txt {vertical-align: middle; margin: auto; width: 100%;}
.mb24_modal_inner-txt h2 { font-weight: 500; text-align: center; }
.mb24_modal_inner-txt h2 span {display: block; padding: 0; margin: 0;}


.mb24_pop-btn-blue {}
.mb24_pop-btn-blue > button { width: 100%; height: 50px; display: block; background-color: #126ccd; border-color: inherit;  border-style: inherit;  padding: inherit; color:#fff;  padding: 7px 12px; cursor: pointer; font-weight: 500 ; text-align: center; vertical-align: middle; margin: 26px 0 0 0; }

/* 240402±¸µ¶ÀÎÁõ¸ð¹ÙÀÏcss */

.mb24_mobile-wrap { width: 100%; max-width: 590px; margin: 0 auto; display: table; min-height: calc(100vh - 160px); background : #fff;}

.mobile24_gnb {width: 100%; max-width: 100%; position: fixed; height: 48px; left: 50%; top: 0; transform: translateX(-50%); background-color: #fff; z-index: 999; border-bottom: 1px solid #222;}
.mobile24_logo {margin: 0 auto; display: table;}
.mobile24_logo svg {width: 117px; height: 24px;margin: 12px 0 0 0;}

.mobile24_wrap { width: 100%; max-width: 590px; margin: 0 auto; background : #fff;}

.mobile24_title {font-family:'Noto Sans KR','¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum','±¼¸²','Gulim','Apple SD Gothic Neo','sans-serif';  font-size: 20px; line-height: 1.5; letter-spacing: -.45px; padding: 16px 0 16px 0 ;  border-bottom: 1px solid #d7d7d7;  background-color: #eaeaea; text-align: center;}
.mobile24_sub-title { padding: 32px 0 12px 16px; box-sizing: border-box; text-align: left; font-weight: bold; }

.mobile24_list-title {width: 110px; vertical-align: text-top; margin: 16px 16px 0 0; height: 28px; font-weight: 400;}

/*input¹Ú½º*/
.mobile24_input-box { box-sizing: border-box; margin: 0;}
.mobile24_input-box input { width: 100%; height: 52px; border:1px solid #d7d7d7;  color: #000; font-weight:700; padding: 12px; word-break:keep-all; box-sizing: border-box; overflow: hidden;}
.mobile24_input-box input:focus {outline: none;} 
.mobile24_input-box input:hover { border: 1px solid #222;}
.mobile24_input-box input:disabled {background: #fafafa;}
.mobile24_input-box input::placeholder { color: #d7d7d7; font-weight: 400;}

/* ¹öÆ° */
.mobile24_btn-line {}
.mobile24_btn-line label { width: 80px; height: 52px;  display: block;  background-color: transparent;  border-color: inherit;   border-style: inherit;   color: #707070;  border: 1px solid #d7d7d7;  padding: 4px 12px 4px 12px;  cursor: pointer;  font-weight: 400;    text-align: center;  vertical-align: middle; box-sizing: border-box;}
.mobile24_btn-line label:hover { background: #eaeaea; color: #222;}
.mobile24_btn-line {}
.mobile24_btn-line button { width: 80px;height: 52px;  display: block;  background-color: transparent;  border-color: inherit;   border-style: inherit;   color: #707070;  border: 1px solid #d7d7d7;  padding: 4px 12px 4px 12px;  cursor: pointer;  font-weight: 400;    text-align: center;  vertical-align: middle;}
.mobile24_btn-line > button:hover { background: #eaeaea; color: #222;}

.mobile24_btn-blue {}
.mobile24_btn-blue > button { width: 100%; height: 52px; display: block; background-color: #126ccd; border-color: inherit;  border-style: inherit;  padding: inherit; color:#fff;  padding: 7px 12px; cursor: pointer; font-weight: 500 ; text-align: center; vertical-align: middle; }

.mobile24_btn-off {}
.mobile24_btn-off > button { width: 100%; height: 52px; display: block; background-color: #d7d7d7; border-color: inherit;  border-style: inherit;  padding: inherit; color:#999999;  padding: 7px 12px; cursor: pointer; font-weight: 500 ; text-align: center; vertical-align: middle; }

.mb24_blank12_top {margin-top: 12px;}
.mb24_blank48_top {margin-top: 48px; }
.mb24_blank100_bottom {margin-bottom: 100px;}
.mb24_pad10_right { padding-right:10px;}
.mb24_pad16_right { padding-right:16px;}
.mb24_pad16_left { padding-left: 16px;}

.mb24_border-box {box-sizing: border-box;}

.mobile24_consent-info { font-weight: 400; color: #999999; display: block; padding-top: 2px; padding-left: 25px;  display: contents;}

.mobile24_Copy {font-family:'Noto Sans KR','¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum','±¼¸²','Gulim','Apple SD Gothic Neo','sans-serif';  font-size: 12px; line-height: 1.5; color: #707070; text-align: center; padding: 25px 0 32px 0;}

/*20240524Ãß°¡*/
.mb24_guide {color: #126ccd; font-weight: 400; /*display: flex;*/}
.mb24_guide svg {width: 14px; height: 14px;  vertical-align: middle; padding: 0 4px 2px 0;}

.mb24_icon-guide { fill: #126ccd; width: 12px; height: 12px;}

@media (max-width: 768px) {
.mobile24_wrap { max-width: 100% !important; min-height: 100vh; margin: 0 auto; overflow: hidden;  }
.mb24_modal_inner {  padding: 36px; }
.mb24_error svg { width: 14px; height: 14px;}
}



/* 20240820 ¿î¼¼ CSS */

/* °øÅë */
.comm_luck_content { width: 100%;  font-family:'Noto Sans KR','¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum','±¼¸²','Gulim','Apple SD Gothic Neo','sans-serif'; word-break: keep-all; min-height: 100%; color: #222; text-align: left; box-sizing: border-box; } 
.comm_luck_wrap { width: 100%; max-width: 628px; margin: 0 auto; overflow: hidden; box-sizing: border-box; padding: 0 0 160px 0;}
.comm_luck_con {}
.comm_luck_con-wrap {display: block; overflow: hidden; box-sizing: border-box;} 
.comm_luck_column {margin: 60px 0 0 0;}

.comm_luck_form-tit {font-size: 17px; line-height: 25px; font-weight: 700; color: #222; padding: 0 0 12px 0; box-sizing: border-box;}

.comm_luck_flex {display: flex; flex-direction: row; flex-wrap: inherit; justify-content: space-between;}
.comm_luck_blank-t24 {margin: 24px 0 0 0;}
.comm_luck_blank-t15 {margin: 15px 0 0 0;}

/* box */
.comm_luck_formbox {width: 100%; height: 58px;  border: 1px solid #BABABA;  color: #222; padding: 16px 18px 16px 18px;  word-break: keep-all; box-sizing: border-box;  overflow: hidden; font-size: 18px; line-height: 24px; font-weight: 700;  white-space: nowrap; overflow: hidden; display:block; text-overflow:ellipsis;  font-family:'Noto Sans KR','¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum','±¼¸²','Gulim','Apple SD Gothic Neo','sans-serif'; }
.comm_luck_formbox input {border: 0; font-size: 18px; line-height: 18px; font-weight: 700; color: #222;  font-family:'Noto Sans KR','¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum','±¼¸²','Gulim','Apple SD Gothic Neo','sans-serif';  box-sizing: border-box; height: 100%; width: 100%; background: transparent;}
.comm_luck_formbox input::placeholder {	font-size: 16px;line-height: 16px; font-weight: 400; color:#999999; font-family:'Noto Sans KR','¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum','±¼¸²','Gulim','Apple SD Gothic Neo','sans-serif'; vertical-align: text-top; box-sizing: border-box; height: 100%; width: 100%;}

/* title */
.top_luck {padding: 140px 0 20px 0; box-sizing: border-box;} 
.top_luck > button {background: transparent;  appearance: none; border: 0; }

.top_luck_tit { font-size: 20px; line-height: 29px; font-weight: 700; color: #635EB7; text-align: center;}
.top_luck_tit div {display: inline-block;}
.top_luck_txt { font-size: 17px; line-height: 25px; font-weight: 400; color: #222; text-align: center; padding: 6px 0 0 0;}
.top_luck_txt div {display: inline-block;}

.luck_btn-prev { z-index: 5; position: absolute; left: 0; width:18px; height: 18px; padding: 5px 0 0 0;} 
.luck_btn-prev img{width: 100% ;}
.luck_pos-relative {position: relative;}

/* btn */
.btn_luck_wrap { box-sizing: border-box; width: 100%;}

.btn_luck_width  .btn_luck_bg-purple{padding: 17px 0 15px 0; }
.btn_luck_width  .btn_luck_bg-gray{padding: 17px 0 15px 0; }

.btn_luck_link-gray { width: 100%; height: 56px; text-align: center; font-size: 18px; line-height: 18px; color: #979797; font-weight: 700; padding: 12px 0 15px 0; box-sizing: border-box; border-radius: 50px;  border: 2px solid #BABABA; display: inline-block; cursor: pointer;  font-family:'Noto Sans KR','¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum','±¼¸²','Gulim','Apple SD Gothic Neo','sans-serif'; background: #fff; }
.btn_luck_link-gray:hover {background: #BABABA; color: #fff;}
.btn_luck_bg-purple { width: 100%;  height: 56px; text-align: center; font-size: 18px; line-height: 18px; color: #fff; font-weight: 700; padding: 12px 0 15px 0; box-sizing: border-box; border-radius: 50px;  display: inline-block; cursor: pointer; background: #635EB7; border: 0; font-family:'Noto Sans KR','¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum','±¼¸²','Gulim','Apple SD Gothic Neo','sans-serif';}
.btn_luck_bg-purple:hover { background: #332E83;}
.btn_luck_bg-gray { width: 100%;  height: 56px; text-align: center; font-size: 18px; line-height: 18px; color: #fff; font-weight: 700; padding: 17px 0 15px 0; box-sizing: border-box; border-radius: 50px;  display: inline-block; cursor: pointer; background: #979797; border: 0; font-family:'Noto Sans KR','¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum','±¼¸²','Gulim','Apple SD Gothic Neo','sans-serif';}

.btn_luck_width {  max-width:411px; margin: 0 auto; box-sizing: border-box;}

.chk_luck_btn-arr {width: 23px; height: 23px; float: right;}
.chk_luck_btn-arr > button { width: 23px; height: 23px; display: block; background-color: transparent; border-color: inherit;  border-style: inherit;  padding: inherit; cursor: pointer; text-align: center;  vertical-align: middle; }

/* À§Ä¡ */
.btn_luck_float-l { float: left; margin: 0 12px 0 0; width: calc(50% - 12px);}
.btn_luck_float-r { float: right; margin: 0 0 0 12px; width: calc(50% - 12px);}

/* ¶óµð¿À¹öÆ°¼±ÅÃ */
.btn_luck_radio-link { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.btn_luck_radio-link input[type=radio] { display: none;}
.btn_luck_radio-link input[type=radio]+label { display: inline-block; cursor: pointer; width : calc(50% - 12px); height: 56px; font-size: 17px; line-height: 17px;  font-weight:700; text-align: center;  box-sizing: border-box; padding: 16px 16px 15px 16px; border-radius: 50px;}
.btn_luck_radio-link input[type=radio]+label {  color: #979797; border: 2px solid #BABABA; box-sizing: border-box; }
.btn_luck_radio-link input[type=radio]:checked+label{ color: #635EB7; border: 2px solid #635EB7; font-weight: 700; box-sizing: border-box;}
.btn_luck_radio-link input[type=radio]+label:hover {box-sizing: border-box;}

/*¼¿·ºÆ®¹Ú½º*/
.sel_luck_pc { display: block;}
.sel_luck_mobile {display: none;}

.sel_luck_wrap { box-sizing: border-box; width: 100%; background: #fff;}

.sel_luck_p_box {display: inline-block; border:  1px solid #BABABA; width : 100%;  position: relative; box-sizing: border-box;  font-size: 18px; line-height: 24px; font-weight: 400; text-align: left; cursor: pointer;}
.sel_luck_p_box::after { content: '';	display: inline-block;	float: right;	width: 8px;	height: 8px; border-bottom: 1px solid currentColor;	border-left: 1px solid currentColor;	border-bottom-left-radius: 2px;	transform: rotate(-45deg) translate(-50%, -25%);	transform-origin: center center;	transition: transform ease-in-out 100ms ; margin: 4px 0 0 0; position: absolute; right: 26px ; top: 18px;}
.sel_luck_p_box .sel_luck_selected { display: flex; justify-content: space-between; padding: 16px 18px; height: 58px; box-sizing: border-box;}
.sel_luck_p_box > .sel_luck_selected > .selected-value {color:#999999; white-space: nowrap; overflow: hidden; display:block; text-overflow:ellipsis; font-size: 16px;line-height: 24px; font-weight: 400; font-family:'Noto Sans KR','¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum','±¼¸²','Gulim','Apple SD Gothic Neo','sans-serif';}

.sel_luck_p_box > ul { list-style-type: none; padding: 14px 26px; box-sizing: border-box; background: #fff; z-index: 100;}
.sel_luck_p_box ul li,.sel_luck_p_box.sel_luck_selected .selected-value {white-space: nowrap;/* ÁÙ¹Ù²Þ ¾ÈÇÔ */overflow: hidden;	text-overflow: ellipsis;	/* ¸»ÁÙÀÓ Àû¿ë */ }
.sel_luck_p_box ul {width: calc(100% + 2px);height: 450px; border:1px solid #BABABA; display: none; position: absolute; background: #fff;border-top: none;margin: 1px 0 0 -1px;cursor: pointer; overflow-y: auto; box-sizing: border-box; background: #fff;}
.sel_luck_p_box.active ul {display: initial;}
.sel_luck_p_box ul li {padding: 4px 0px; }
.sel_luck_p_box ul li:hover { font-weight: 700;}
.sel_luck_selected:hover { box-sizing: border-box;}
.sel_luck_p_box .selected-value.selected { color: #222 !important; font-size: 18px !important; line-height: 24px !important;font-weight: 700 !important;}

.sel_luck_m_box {display: inline-block; border:  1px solid #BABABA; width : 100%;  box-sizing: border-box;  font-size: 18px; line-height: 28px; font-weight: 400; text-align: left; position: relative; background: #fff; }
.sel_luck_m_box::after { content: '';	display: inline-block;	top: 18px; right:26px;	width: 8px;	height: 8px; border-bottom: 1px solid currentColor;	border-left: 1px solid currentColor;	border-bottom-left-radius: 2px;	transform: rotate(-45deg) translate(-50%, -25%);	transform-origin: center center;	transition: transform ease-in-out 100ms ; margin: 4px 0 0 0; position: absolute; }
.sel_luck_m_box .luck_selected { display: flex;justify-content: space-between; padding:14px 26px 14px 26px;  height: 58px; box-sizing: border-box;  background: #fff;}
.sel_luck_m_box select { width: 100%; border: 0; display: flex;  -webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none; box-sizing: border-box;  font-size: 18px; line-height: 28px; font-family: 700; text-align: left; color: #222}
.sel_luck_m_box option {background: #fff; border: 1px solid #BABABA; color: #222; font-size: 18px; line-height: 28px; font-weight: 300;  width: 100%; padding: 14px 0 14px 0; box-sizing: border-box; }
.sel_luck_m_box select:required:invalid { color: #999999; font-size: 16px; font-weight: 300; line-height: 28px;}
.sel_luck_m_box option[value=""][disabled] { display:none}

/* µ¿ÀÇ */
.consent_luck_line-b  { border-top: 1px solid #222; padding: 15px 0px;}
.consent_luck_line-l { border-top: 1px solid #BABABA; padding: 22px 0px 0 0;}
.consent_luck_tit { font-size: 17px; font-weight: 700; line-height: 25px;} 
.consent_luck_txt { font-size: 16px; font-weight: 400; line-height: 24px;} 

/*Ã¼Å©¹Ú½º »ç°¢Çü*/
.chk_luck {  display: inline-block; }
.chk_luck input[type="checkbox"] {  display: none;}
.chk_luck input[type="checkbox"] + label { cursor: pointer;}
.chk_luck input[type="checkbox"]+ label span {  display: inline-block;  width: 23px;  height: 23px;  margin: -3px 10px 0 0;  vertical-align: middle;  cursor: pointer;  border-radius: 0;  border: 2px solid #fff;  background-repeat: no-repeat;  background-position: center;  text-align: center;  line-height: 15px;}
.chk_luck input[type="checkbox"] + label span svg {  opacity: 0;  transition: all 0.3s ease;  }
.chk_luck input[type="checkbox"] + label span {  border: 1px solid #d7d7d7; box-sizing: border-box; }
.chk_luck input[type="checkbox"]:checked + label span svg {  opacity: 1; vertical-align: super; }
.chk_luck input[type="checkbox"]:checked + label span {  background: #635EB7; border: 0; }

@media screen and (max-width:1023px) {
/* Å¸ºí·¿ */

.comm_luck_blank-t24 {margin: 20px 0 0 0;}

/* title */
.top_luck {padding: 100px 0 0 0; } 

.comm_luck_form-tit {font-size: 16px; }

/* box */
.comm_luck_formbox { height: 52px;  color: #222; padding: 13px 18px 13px 18px; }

/* btn */
.btn_luck_link-gray {  height: 48px;  font-size: 16px; line-height: 16px; padding: 12px 0 13px 0; }
.btn_luck_bg-purple { height: 48px;  font-size: 16px; line-height: 16px; padding: 12px 0 13px 0; }
.btn_luck_bg-gray { height: 48px;  font-size: 16px; line-height: 16px; padding: 12px 0 13px 0; }

/* À§Ä¡ */
.btn_luck_float-l {  margin: 0 10px 0 0; width: calc(50% - 10px);}
.btn_luck_float-r {  margin: 0 0 0 10px; width: calc(50% - 10px);}

/* ¶óµð¿À¹öÆ°¼±ÅÃ */
.btn_luck_radio-link input[type=radio]+label { width : calc(50% - 10px); height: 48px; font-size: 16px; line-height: 16px;  padding: 13px 12px 12px 12px; }

/*¼¿·ºÆ®¹Ú½º*/
.sel_luck_pc {display: none;}
.sel_luck_mobile {display: block;}

.sel_luck_m_box {display: inline-block; border:  1px solid #BABABA; width : 100%;  box-sizing: border-box;  font-size: 18px; line-height: 28px; font-weight: 400; text-align: left; position: relative; }
.sel_luck_m_box::after { content: '';	display: inline-block;	top: 16px; right:26px;	width: 8px;	height: 8px; border-bottom: 1px solid currentColor;	border-left: 1px solid currentColor;	border-bottom-left-radius: 2px;	transform: rotate(-45deg) translate(-50%, -25%);	transform-origin: center center;	transition: transform ease-in-out 100ms ; margin: 4px 0 0 0; position: absolute; }
.sel_luck_m_box .luck_selected { display: flex;justify-content: space-between; padding:13px 18px 13px 18px;  height: 52px; box-sizing: border-box;  font-family:'Noto Sans KR','¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum','±¼¸²','Gulim','Apple SD Gothic Neo','sans-serif'; background: #fff;}
.sel_luck_m_box select { width: 100%; border: 0; display: flex;  -webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none; box-sizing: border-box;  font-size: 18px; line-height: 28px; font-family: 700; text-align: left; color: #222}
.sel_luck_m_box option {background: #fff; border: 1px solid #BABABA; color: #222; font-size: 18px; line-height: 28px; font-weight: 400;  width: 100%; padding: 14px 0 14px 0; box-sizing: border-box; }
.sel_luck_m_box select:required:invalid { color: #999999; font-size: 15px; font-weight: 400 !important; line-height: 14px;}
.sel_luck_m_box option[value=""][disabled] { display:none}


/* µ¿ÀÇ */

.consent_luck_tit { font-size: 16px; font-weight: 700; } 
.consent_luck_txt { font-size: 16px; font-weight: 400;} 
}


@media screen and (max-width:767px) {
/* ¸ð¹ÙÀÏ */

/* °øÅë */    
.comm_luck_wrap {  max-width: 100%; padding: 0 16px 80px 16px;}
.comm_luck_column {margin: 40px 0 0 0;}

.comm_luck_form-tit {padding: 0 0 12px 0; font-size: 17px;}

.comm_luck_blank-t24 {margin: 16px 0 0 0;}

/* title */
.top_luck {padding: 30px 0 0 0; box-sizing: border-box;  width: 100%; margin: 0 auto; } 
.top_luck_tit {  width: 100%; max-width: 328px; font-size: 20px;  line-height: 29px;  font-weight: 700;  color: #635EB7;  text-align: center;  margin: 0 auto; }
.top_luck_txt { width: 100%; max-width: 328px;  font-size: 15px;   padding: 8px 0 0 0;  margin: 0 auto;}

/* btn */
.btn_luck_link-gray {  height: 44px;   padding: 9px 0 11px 0;  }

.btn_luck_width  .btn_luck_bg-purple{padding: 13px 0 12px 0; }
.btn_luck_width  .btn_luck_bg-gray{padding: 13px 0 12px 0; }

.btn_luck_bg-purple {   height: 44px; padding: 9px 0 11px 0;  }
.btn_luck_bg-gray  {   height: 44px; padding: 0px 0 11px 0;  }

/* box */
.comm_luck_formbox {height: 48px;  padding: 11px 16px 11px 16px;line-height: 20px; }

/*¼¿·ºÆ®¹Ú½º*/
.sel_luck_pc { display: none;}
.sel_luck_mobile {display: block;}

.sel_luck_m_box::after { top: 11px; right:16px;	 }
.sel_luck_m_box .luck_selected {  padding:11px 16px 11px 16px;  height: 48px;  }


.comm_luck_formbox input::placeholder {	font-size: 15px;line-height: 15px; font-weight: 400; color:#999999; }

/* À§Ä¡ */
.btn_luck_float-l {  margin: 0 6px 0 0; width: calc(50% - 6px);}
.btn_luck_float-r {  margin: 0 0 0 6px; width: calc(50% - 6px);}

.btn_luck_width {padding: 0 16px;}

/* ¶óµð¿À¹öÆ°¼±ÅÃ */
.btn_luck_radio-link input[type=radio]+label { width : calc(50% - 6px); height: 44px;line-height: 17px; padding: 10px 0 8px 0; }

}

/* ´ÙÅ© ¸ðµå ½ºÅ¸ÀÏ */
@media (prefers-color-scheme: dark) {
.btn_luck_bg-purple { background: #332E83; /* ´ÙÅ© ¸ðµå¿¡¼­ »ç¿ëÇÒ ¹öÆ° »ö»ó */  color: #fff;}


.top_luck_txt {color: #fff; }
.comm_luck_form-tit {color: #fff;}

.comm_luck_formbox {color: #fff;}
.comm_luck_formbox input { color: #fff;}

.sel_luck_m_box::after {  border-bottom: 1px solid #fff;  border-left: 1px solid #fff;}

.sel_luck_m_box .luck_selected {background: #222; color: #fff;}

.comm_luck_form-tit {color: #fff;}

.consent_luck_tit {color: #fff;}
.consent_luck_txt {color: #fff;}
.chk_luck input[type="checkbox"]:checked + label span { background: #635EB7;}


}


@media (prefers-color-scheme: dark) {
  .luck_btn-prev img { filter: invert(100%); }
}

/* ±ÇÀ¯ÀÚ °Ë»ö 20240903 */
/*.expand_mask { width: 100%; height: 100vh; background-color: rgba(0,0,0,0.5);  top: 0;  left: 0; right: 0; bottom: 0; z-index: 11; display: block; overflow: hidden; position: relative;word-break: keep-all;  letter-spacing: -.5px; font-family: "NotoSansKR"; }*/

.expand_mask {width: 100%;  /* height: 100%; */ height: 100vh;  background-color: rgba(0, 0, 0, 0.6);  top: 0; left: 0;  right: 0;  bottom: 0;   z-index: 11;   display: block;   overflow: hidden;  position: fixed;  word-break: keep-all;  letter-spacing: -.5px; font-family: "NotoSansKR";}

.expand_layer { transform: translateY(-50%); top: 50%;  left: 0; right: 0; margin: 0 auto; width: 100%; max-width: 480px; z-index: 12; padding: 60px 40px 40px 40px;  background-color: #fff; position: absolute; box-sizing: border-box; color: #222;  font-family:'Noto Sans KR','¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum','±¼¸²','Gulim','Apple SD Gothic Neo','sans-serif'; word-break: keep-all;}

.expand_close-but {position: absolute; top: 12px; right: 12px;}
.expand_close-but svg { height: 30px; width: 30px; cursor: pointer; } 

.expand_title {font-size: 23px; line-height: 23px; font-weight: bold; text-align: center; display: block; padding: 0 0 40px 0; font-family:'Noto Sans KR','¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum','±¼¸²','Gulim','Apple SD Gothic Neo','sans-serif'; color: #222;}

/*°Ë»ö*/
.expand_search-wrap { width: 100%;  border-bottom: 1px solid #222; overflow: hidden;   margin: 0; padding: 0 ; box-sizing: border-box; display: flex; position:relative;}
.expand_search-wrap input { width : calc(100% - 65px); height: 46px; border: 0; padding: 0 0 0 15px; box-sizing: border-box;  font-family:'Noto Sans KR','¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum','±¼¸²','Gulim','Apple SD Gothic Neo','sans-serif';font-size: 18px; line-height: 28px;  float: left;}
.expand_search-wrap input:focus {outline:none;}
.expand_search-wrap input::placeholder {color: #969696;  position: absolute; top: 10px;  left: 15px; font-size: 18px; cursor: text; display: none; font-family:'Noto Sans KR','¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum','±¼¸²','Gulim','Apple SD Gothic Neo','sans-serif';line-height: 28px; font-weight: 300; }

.expand_search-wrap input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #fff inset ; -webkit-text-fill-color: #000; }
.expand_search-wrap input:-webkit-autofill, .expand_search-wrap input:-webkit-autofill:hover, .expand_search-wrap input:-webkit-autofill:focus, .expand_search-wrap input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }

.expand_search-wrap button { border: 0; float: right; margin: 0 ;  background-color: transparent; cursor: pointer ; display: inline-block; font-size: 0;}
.expand_search-box { color: #222; background: #fff;}

.expand_btn-cancel .expand_btn-icon, .expand_btn-search .expand_btn-icon {  background-image: url("https://members.chosun.com/s_svc_img/service/post_icon.png"); background-repeat: no-repeat;}

.expand_search-wrap .expand_btn-search {  right: 10px;  top: 0; width: 30px; height: 46px;  cursor: pointer; box-sizing: border-box; display: inline-block;  position: absolute; }
.expand_search-wrap .expand_btn-cancel {  right: 0 ;  top: 0; width: 30px; height: 46px; cursor: pointer; box-sizing: border-box; display: inline-block; position: relative;}

.expand_btn-search .expand_btn-icon { display: inline-block; width: 16px; height: 17px;  margin: 1px auto 0;  background-position: 0 0;}
.expand_btn-cancel .expand_btn-icon { display: inline-block;  width: 14px;  height: 14px; margin: 1px 10px 0 0; background-position: -43px 0;}

.expand_frame {overflow-y: auto; width: 100%; height:350px; max-width: 400px; }

.expand_error { padding: 39px 29px; /*border-bottom: 1px solid #e0e0e0; */}

.expand_error > .expand_error-title { font-size: 21px; line-height: 21px; font-weight: bold; text-align: left; display: block; font-family:'Noto Sans KR','¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum','±¼¸²','Gulim','Apple SD Gothic Neo','sans-serif'; color: #222;}
.expand_error > .expand_error-txt {  font-size: 14px;  line-height: 21px; text-align: left;  display: block;  font-family:'Noto Sans KR','¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum','±¼¸²','Gulim','Apple SD Gothic Neo','sans-serif'; color: #737373; padding: 8px 0 0 0; }

.expand_list {display: block; padding: 29px 0 0 0; box-sizing: border-box; width: 100%; }

.expand_list dl { overflow: hidden; width: 100%; margin: 0; padding: 0 0 15px 0;}
.expand_list dl:not(:first-of-type) {border-top: 1px solid #e1e1e1; padding: 15px 0 15px 0;}
.expand_list dl:last-child { border-bottom: 1px solid #e1e1e1;}
.expand_list dt {padding: 4px 15px 6px 15px; box-sizing: border-box;}

.expand_list button  { border: 0; background-color: transparent; cursor: pointer; font-size: 16px; line-height: 1.5;  font-family:'Noto Sans KR','¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum','±¼¸²','Gulim','Apple SD Gothic Neo','sans-serif'; color: #222; text-align: left; font-weight: 400;}
.expand_list button:hover { text-decoration: none;}

.expand_info div {display: inline-block;}

@media (max-width: 768px) {
.expand_mask { background: #fff;}  
.expand_layer { transform: translateY(-00%); top: 0%; width: auto ; max-width: 100%; height: 100vh; margin: 0; padding: 30px 20px;  margin: 30px 0 0 0;}

.expand_frame {max-width: 100%; height: 70%;}

.expand_close-but { right: 20px;}
.expand_close-but svg {height: 20px; width: 20px;}

.expand_title {font-size: 16px; padding: 0 0 30px 0;}
}


/* 20240903_±¸µ¶½ÅÃ» ´Þ·ÂÀÌ¹ÌÁö ¹× ±ÇÀ¯ÀÚ Ãß°¡ css */
.subscribe_calendar-wrap { float: left;  width: 100%; padding: 0 15px 0 15px; font-family: 'Malgun Gothic', 'Dotum'; display: flex; box-sizing: border-box;}
.subscribe_calendar-txt {padding: 30px 0 0 0;}

.subscribe_gift-wrap {float: right; padding: 0 10px 0 15px; box-sizing: border-box; position: relative;}
.subscribe_gift-img { height: 100px;}
.subscribe_gift-img img  { width: auto; height: 100%;}
.subscribe_gift-txt {right: 0px; top: 80px; border-radius: 150px; background: #126ccd; color: #fff; display: block; width: 120px; font-family: 'Noto Sans KR','Malgun Gothic', 'Dotum'; font-size: 12px; font-weight: 600; line-height: 18px; padding: 8px 10px; box-sizing: border-box; z-index: 50; position: absolute;display: inline-block; vertical-align: middle; }

.m_rt70b8m { display: flex;   float: left; width: 100%; padding: 0px 15px 0px 0px; }
.advice { position: relative; width: 100%; display: flex; }
.advice button { border: 0; float: right; margin: 0 ;  background-color: transparent; cursor: pointer ; display: inline-block; font-size: 0;}

.advice .advice_btn-cancel .advice_btn-icon {  background-image: url("https://members.chosun.com/s_svc_img/service/post_icon.png"); background-repeat: no-repeat;}

.advice .advice_btn-cancel { right: 0; top: 8px; width: 24px;  cursor: pointer; box-sizing: border-box; display: inline-block;  position: absolute; }
.advice .advice_btn-cancel .advice_btn-icon { display: inline-block;  width: 14px;  height: 14px; margin: 1px 10px 0 0; background-position: -43px 0;}