/* CSS Document */

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,figure{margin:0;padding:0;-webkit-text-size-adjust:none}
body {position:relative; background-color:#ffffff; color:#000; word-wrap:break-word; word-break:break-all;}
body,input,textarea,select,table,button{ line-height:150%; /*font-size:14px; font-family:'����',Gulim,dotum,'����','Segoe WPC','Segoe UI','Apple SD Gothic Neo','Helvetica','AppleGothic','Sans-serif';*/}

/* cscenter ���� */
#new_top_bg1_1{height:44px;background:-webkit-gradient(linear,left top, left bottom,from(#55bced), to(#33afe9));background:-moz-linear-gradient(top,#55bced,#33afe9); padding:0px; border-top:1px solid #92d5f5}

.cs_bt_blue_a{color:#FFF;}
.cs_bt_blue1{ width:100%;background:-webkit-gradient(linear,left top, left bottom,from(#0398de), to(#017cbc));background:-moz-linear-gradient(top,#0398de,#017cbc);  border:1px solid #0167a2; color:#FFFFFF; font-size:1.2em; padding:10px 0px; text-align:center}
.cs_bt_blue2{ width:100%;;background:-webkit-gradient(linear,left top, left bottom,from(#0398de), to(#017cbc));background:-moz-linear-gradient(top,#0398de,#017cbc);  border:1px solid #0167a2; color:#FFFFFF; font-size:1em; padding:5px 0px; text-align:center}
.cs_bt_blue3{ width:60px;background:-webkit-gradient(linear,left top, left bottom,from(#0398de), to(#017cbc));background:-moz-linear-gradient(top,#0398de,#017cbc); padding:3px 7px; border:1px solid #0167a2; color:#FFFFFF; font-size:1em; text-align:center}

.cs_bt_pink_a{color:#FFF;}
.cs_bt_pink1{ width:100%;background:-webkit-gradient(linear,left top, left bottom,from(#df307f), to(#c40c5f));background:-moz-linear-gradient(top,#df307f,#c40c5f);  border:1px solid #c40c5f; color:#FFFFFF; font-size:1.2em; padding:10px 0px; text-align:center}

.cs_bt_gray_a{color:#FFF;}
.cs_bt_gray1{ width:100%; background:-webkit-gradient(linear,left top, left bottom,from(#ffffff), to(#edebeb));background:-moz-linear-gradient(top,#ffffff,#edebeb); border:1px solid #a2a3a3; color:#1e1e1e; font-size:1.2em; padding:10px 0px; text-align:center}
.cs_bt_gray2{ width:100%;background:-webkit-gradient(linear,left top, left bottom,from(#ffffff), to(#edebeb));background:-moz-linear-gradient(top,#ffffff,#edebeb); border:1px solid #a2a3a3; color:#1e1e1e; font-size:1em; padding:0px; text-align:center}
.cs_bt_gray3{ width:100%;background:-webkit-gradient(linear,left top, left bottom,from(#ffffff), to(#edebeb));background:-moz-linear-gradient(top,#ffffff,#edebeb); border:1px solid #a2a3a3; color:#1e1e1e; font-size:1em; padding:0; text-align:center}
.cs_bt_gray3_s{ width:100%; ;background:-webkit-gradient(linear,left top, left bottom,from(#7a7c7f), to(#505050));background:-moz-linear-gradient(top,#7a7c7f,#505050); border:1px solid #444; color:#fff; font-size:0.9em; padding:1px 4px 0 4px; text-align:center}
.cs_bt_gray4{ width:100%;background:-webkit-gradient(linear,left top, left bottom,from(#ffffff), to(#edebeb));background:-moz-linear-gradient(top,#ffffff,#edebeb); border:1px solid #a2a3a3; color:#1e1e1e; font-size:1.2em; padding:5px 0px; text-align:center}

.cs_text_black{color:#222222;}
.cs_text_gray{color:#787878;}
.cs_text_blue{color:#0399df}
.cs_text_pink{color:#e74893}

.cs_sp1{padding-top:15px;}
.cs_sp2{padding-top:10px;}
.cs_sp3{padding:10px 0;}


.cs_main_title_bg{color:#0399df; background:#f6f6f6; border-bottom:1px solid #33afe9; border-top:1px solid #FFF; padding:12px 15px}
.cs_main_title_bg .left{float:left; padding:3px 0 0 0}
.cs_main_title_bg .left1{float:left; padding:0}
.cs_main_title_bg .right{float:right;}
.cs_main_title_bg .right1{float:left; width:50%; text-align:right}
.cs_main_title_bg .right2{float:left; width:62%; text-align:right}
.cs_main_title_bg .right3{float:left; width:60%; text-align:right}
.cs_main_title_bg .t1{color:#0399df; font-size:1.3em;}

.cs_main_title_bg_noline{color:#0399df; background:#f6f6f6; border-top:1px solid #FFF; padding:12px 15px}
.cs_main_title_bg_noline .left{float:left; padding:3px 0 0 0}
.cs_main_title_bg_noline .left1{float:left; padding:0}
.cs_main_title_bg_noline .right{float:right;}
.cs_main_title_bg_noline .right1{float:left; width:50%; text-align:right}
.cs_main_title_bg_noline .right2{float:left; width:62%; text-align:right}
.cs_main_title_bg_noline .right3{float:left; width:60%; text-align:right}
.cs_main_title_bg_noline .t1{color:#0399df; font-size:1.3em;}
.cs_main_title_blueline{border-bottom:1px solid #33afe9; height:1px}

.cs_main_title_bg_b{color:#0399df; background:#f6f6f6; border-bottom:1px solid #33afe9; border-top:1px solid #FFF; padding:12px 15px}
.cs_main_title_bg_b .t1{color:#0399df; font-size:1.1em;}


.cs_main_tab1{ border-top:1px solid #FFF;text-align:center; border-bottom:1px solid #33afe9;  height:45px; vertical-align:bottom}
.cs_main_t1{padding:10px 25px; font-size:1.15em;border-bottom:1px solid #c8c8c8; background:#e1e1e1}
.cs_main_t1 ul{margin:0; padding:3px 0;}
.cs_main_t1 .left1{float:left; width:70%}
.cs_main_t2 {padding:10px 20px; font-size:1.15em;border-bottom:1px solid #c8c8c8;background:#e1e1e1}
.cs_main_t2 ul{margin:0; padding:3px 0;}
.cs_main_t2 .left2{float:left; width:50%;}
.cs_main_tab1 .position{width:270px; padding:13px 0 0 0;margin:0 auto}
.cs_main_tab1 .on{border-top:1px solid #33afe9; border-left:1px solid #33afe9; border-right:1px solid #33afe9;border-bottom:1px solid #FFFFFF; background:#FFF; margin:0 7px 0 0; float:left; padding:5px 0}
.cs_main_tab1 .on a{padding:0px 10px; color:#33afe9;font-size:15px}
.cs_main_tab1 .off{border-top:1px solid #b4b4b4; border-left:1px solid #b4b4b4; border-right:1px solid #b4b4b4;border-bottom:1px solid #33afe9; background:#e6e6e6; float:left;margin:0 7px 0 0;padding:5px 0 4px 0}
.cs_main_tab1 .off a{padding:0px 10px; color:#787878;font-size:15px}
.cs_main_tab1 .off2{border-top:1px solid #c8c8c8; border-left:1px solid #c8c8c8; border-right:1px solid #c8c8c8;border-bottom:1px solid #33afe9; background:#dcdcdc; float:left;margin:0;padding:5px 0}
.cs_main_tab1 .off2 a{padding:0px 10px; color:#787878;font-size:15px}
.cs_main_qna_width1{padding:10px 17px 3px 25px; border-bottom:1px solid #e2dfdf;}
.cs_main_qna_width1 .left{float:left; width:65%;}
.cs_main_qna_width1 .left .t1{color:#787878; font-size:0.9em; line-height:1em; letter-spacing:0}
.cs_main_qna_width1 .left .t2{color:#787878; font-size:1.1em}
.cs_main_qna_width1 .left .t3{color:#222;}
.cs_main_qna_width1 .left .t4{padding:0 10px 0 0; float:left}
.cs_main_qna_width1 .right{float:right; width:35%; border-left: 1px solid #bcbcbc; padding:5px 0 5px 0}
.cs_main_qna_width1 .right .sp1{ padding-left:5px;}
.cs_main_qna_width1 .right .sp2{ padding:3px 0 0 3px;color:#e74893; font-size: 1em}
.cs_main_qna_width1 .right ul li{float:left;}
.cs_main_qna_width2{min-height: calc(100vh - 495px); padding:0 15px}
.cs_main_qna_line{ clear:both;border-bottom:1px solid #e2dfdf; padding:7px 0 0 0;}
.cs_main_qna{ padding:0 0 8px 0;}
.cs_main_qna .bt1{width:60px; height:17px; float:left;}
.cs_main_qna .left{float:left; width:65%;}
.cs_main_qna .left .t1{color:#787878; font-size:0.9em;}
.cs_main_qna .left .t2{color:#333333; font-size:1.1em}
.cs_main_qna .left .t3{color:#222;}
.cs_main_qna .left .t4{padding:0 10px 0 0; float:left}
.cs_main_qna .right{float:right; width:34%; border-left: 1px solid #bcbcbc; padding:3px 0 3px 0;}
.cs_main_qna .right .sp1{ padding-left:5px;}
.cs_main_qna .right .sp2{ padding:3px 0 0 3px;color:#e74893; font-size: 1em}
.cs_main_qna .right ul li{float:left;}
.cs_main_qna .right2{float:right; width:29%;padding:7px 0 0 0;}
.cs_main_qna .right2 .sp1{ padding-left:5px;}
.cs_main_qna .right2 .sp2{ padding:5px 0 3px 3px;color:#e74893; font-size: 1em}
.cs_main_qna .right2 ul li{float:left;}
.cs_main_table{text-align:center; padding:10px;border-bottom:1px solid #e2dfdf}
.cs_main_table_bg2{width:50%}
.cs_main_table_bg2 .line1{border:#bbbbba solid 1px; padding:5px 0;text-align:center; font-size:1.1em}
.cs_main_table_bg2 .line1_1{border-right:#bbbbba solid 1px;border-left:#bbbbba solid 1px;border-bottom:#bbbbba solid 1px; padding:5px 0;text-align:center; font-size:15px;}
.cs_main_table_bg2 .line2{border-top:#bbbbba solid 1px;border-right:#bbbbba solid 1px;border-bottom:#bbbbba solid 1px; padding:5px 0;text-align:center; font-size:15px;}
.cs_main_table_bg2 .line2_1{border-right:#bbbbba solid 1px;border-bottom:#bbbbba solid 1px; padding:5px 0;text-align:center; font-size:15px;}
.cs_main_faq_t1{color:#222;}
.cs_main_call{padding:10px 0 10px 25px; color:#787878; font-size:1.1em;}
.cs_main_call .t1{color:#222;}

.cs_1n1_sp1{padding:10px 15px; border-bottom:#aeaeae 1px solid}
.cs_1n1_sp1 .left{float:left; width:32%; color:#e74893; padding:5px 0 0 0;font-size:1.2em; letter-spacing:-1px}
.cs_1n1_sp1 .right{float:right; width:67%;}
.cs_1n1_sp1 .right ul{display:inline; padding:0; margin:0}
.cs_1n1_sp1 .right ul li {float:right;}
.cs_1n1_sp1 .clear{clear:both; border-bottom:1px #cacbcc solid; padding:3px 0 0 0}
.cs_1n1_sp2{padding:3px  0;}
.cs_1n1_sp3{padding:15px 15px 15px 15px;}
.cs_1n1_sp3 .left{float:left; width:21%; color:#e74893; padding:3px 0 10px 0;font-size:1.2em; letter-spacing:-1px}
.cs_1n1_sp3 .right{float:right; width:78%;}
.cs_1n1_sp3 .form1{background:#e74893; color:#FFF; border:1px solid #c81c6d; width:95%; padding:2px 5px}
.cs_1n1_sp4{padding:0px 15px 25px 15px;}
.cs_1n1_sp4_n { clear:both; margin-bottom:20px; text-align:center;}
.cs_1n1_sp4 .left1{float:left; width:67%;}
.cs_1n1_sp4 .left2{float:left; width:48%;}
.cs_1n1_sp4 .right1{float:right; width:30%;}
.cs_1n1_sp4 .right2{float:right; width:48%;}
.cs_1n1_sp5{padding:15px 15px 25px 15px;}
.cs_1n1_sp6{padding:15px 16px 5px 15px;}
.cs_1n1_sp6 .left1{float:left; width:74%;}
.cs_1n1_sp6 .right1{float:right; width:22%;}
.cs_1n1_sp7{padding:7px 15px 0px 15px;}
.cs_1n1_sp7 ul{display:inline;}
.cs_1n1_sp7 ul li{ float:left;}
.cs_1n1_sp7_width{width:80%; padding:0 0 10px 15px; color:#555555}
.cs_sp7_clear{clear:both; padding:0 0 10px 0;}
.cs_1n1_sp8{padding:15px 15px 15px 15px;background:#e6e4e5; border-top:#c5c3c3 solid 1px;}
.cs_1n1_t1{color:#0399df; font-size:1.2em; padding:15px 0 4px 0}
.cs_1n1_t1_1{color:#e74893; padding:10px 15px 0px 15px;font-size:1.2em; letter-spacing:-1px;}
.cs_1n1_t1_1 .left{border-bottom:#aeaeae 1px solid; line-height:35px}
.cs_1n1_t1_2{color:#222; padding:10px 15px 0px 15px;font-size:1.2em; letter-spacing:-1px; line-height:150%}
.cs_1n1_t1_2 .left{border-bottom:#aeaeae 1px solid; line-height:35px}
.cs_1n1_t2{color:#787878;}
.cs_1n1_t3{color:#e74893; padding:10px 15px 0px 15px;font-size:1.2em; letter-spacing:-1px;border-bottom:#aeaeae 1px solid;}
.cs_1n1_t3 .left{line-height:35px}
.cs_1n1_t4{color:#e74893; padding:10px 15px 0px 15px;font-size:1.2em; letter-spacing:-1px;border-bottom:#dcdcdc 1px solid;}
.cs_1n1_t4 .left{line-height:35px}
.cs_1n1_list1{margin:0; padding:15px 0 10px 0;}
.cs_1n1_list1 ul{display:inline;}
.cs_1n1_list1 ul li{float:left; padding:2px 0; font-size:1em}
.cs_1n1_list1 .t1{width:30%; color:#787878}
.cs_1n1_list1 .t2{color:#0399df}
.cs_1n1_bt1{background:#e6e6e6; border:1px #afafaf solid; width:100%}
.cs_1n1_bt1_1{background:#ffffff; width:100%;}
.cs_1n1_bt2{background:#f6f6f6; border:1px #0399df solid; width:100%}
.cs_1n1_bt3{background:#ffffff; border:1px #afafaf solid; width:100%}
.cs_1n1_bt1_sp1{margin:0 auto; width:80px; padding:6px 0; font-size:1.2em; letter-spacing:-2px}
.cs_1n1_bt1_sp2{margin:0 auto; width:90px; padding:6px 0; font-size:1.1em; letter-spacing:-2px; text-align:center;}
.cs_1n1_bt1_sp2_1{margin:0 auto; width:120px; padding:5px 0 3px 0; font-size:1em; text-align:center;}
.cs_1n1_bt1_off{color:#9c9c9c;}
.cs_1n1_bt1_on{color:#0399df;}
.cs_1n1_form{margin:0; padding:4px 0}
.cs_1n1_form .left{float:left; width:20%; color:#787878; font-size:1em}
.cs_1n1_form .right{float:right; width:79%}
.cs_1n1_form .right .w1{float:left; width:72%;font-size:1em;}
.cs_1n1_form .right .w2{float:right; width:26%;}
.cs_1n1_form .accretion{ height:25px; padding:5px 0 0 0}
.cs_1n1_form .left2{float:left; width:75%; font-size:1em}
.cs_1n1_form .left2 a{ color:#333; padding-left:5px}
.cs_1n1_form .right2{float:right; width:20%; text-align:right; padding-bottom:3px}
.cs_1n1_form .bar1{ height:3px; width:100%; background:#e2e2e2;}
.cs_1n1_form .bar1_on{background:#e74893; padding:3px 0 0 0}
.cs_1n1_form .end_sp1{ padding-bottom:25px}
.cs_1n1_form .input1{border: 1px solid #afafaf; width:100%; height:160px; margin-bottom:5px;outline:0}
.cs_1n1_form .input2{width:40px; height:23px; border:1px solid #b4b4b4;outline:0}
.cs_1n1_form .input3{width:55px; border:1px solid #b4b4b4;outline:0}
.cs_1n1_form .check1{font-size:1em; padding:3px 0 0 0; float:left}
.cs_1n1_title1{font-size:1.2em; color:#0399df; padding:23px 0 5px 0; text-align:left}
.cs_1n1_title2{padding-bottom:15px;}
.cs_1n1_search{padding:0;}
.cs_1n1_search .left{float:left; width:70%;}
.cs_1n1_search .left .t1{color:#787878; font-size:1em; line-height:1.1em}
.cs_1n1_search .left .t2{color:#222222; font-size:1em;}
.cs_1n1_search .right2{float:right; width:30%;padding:5px 0 5px 0}
.cs_1n1_search_sp{padding:10px; margin:0 10px 10px 10px; border: solid 1px #d0d0d0; background:#FFF;}


.cs_faq_title1{font-size:1.2em; color:#0399df; padding:23px 0 10px 0; text-align:left}
.cs_faq_title1_align{text-align:left;}
.cs_faq_title1_align .number{color:#0399df; padding:4px 0px 4px 0; width:21px}
.cs_faq_title1_align .width1{width:90%;padding:3px 0}
.cs_faq_title1_align ul{display:inline;}
.cs_faq_title1_align ul li{float:left;}
.cs_faq_title2{font-size:1.2em; color:#333333; padding:15px 0 10px 0; text-align:left}
.cs_faq_table_bg2{width:50%}
.cs_faq_table_bg2 .line1{border:#bbbbba solid 1px; padding:7px 0;text-align:center; font-size:1.1em}
.cs_faq_table_bg2 .line1_1{border-right:#bbbbba solid 1px;border-left:#bbbbba solid 1px;border-bottom:#bbbbba solid 1px; padding:7px 0;text-align:center; font-size:15px;}
.cs_faq_table_bg2 .line2{border-top:#bbbbba solid 1px;border-right:#bbbbba solid 1px;border-bottom:#bbbbba solid 1px; padding:7px 0;text-align:center; font-size:15px;}
.cs_faq_table_bg2 .line2_1{border-right:#bbbbba solid 1px;border-bottom:#bbbbba solid 1px; padding:7px 0;text-align:center; font-size:15px;}
.cs_faq_table_bg3{}
.cs_faq_table_bg3 td{width:50%}
.cs_faq_table_bg3 .line1{border:#bbbbba solid 1px; padding:7px 0; font-size:15px;} /* font-size:1.1em 삭제 */
.cs_faq_table_bg3 .line1_1{border-right:#bbbbba solid 1px;border-left:#bbbbba solid 1px;border-bottom:#bbbbba solid 1px; padding:7px 0; font-size:15px;}
.cs_faq_table_bg3 .line2{border-top:#bbbbba solid 1px;border-right:#bbbbba solid 1px;border-bottom:#bbbbba solid 1px; padding:7px 0; font-size:15px;}
.cs_faq_table_bg3 .line2_1 {border-right:#bbbbba solid 1px;border-bottom:#bbbbba solid 1px; padding:7px 0; font-size:15px; letter-spacing: -1px;}
.cs_faq_form{ color:#969696; border:3px solid #0399df; height:27px; width:100%;outline:0}
.cs_faq_box1{border:1px solid #bbbbba; background:#f6f6f6; padding:10px; line-height:1.8em}
.cs_faq_t1{font-size:1.2em; color:#e74893; padding:5px 0}
.cs_faq_t2{color:#222; padding:0 0 0 10px}

/*130627 �߰�*/
.cs_1n1_bt1_sp3 { margin:0 auto;width:90%;}
.cs_1n1_bt1_sp3 ul{width:100%; margin:0; padding:7px 0}
.cs_1n1_bt1_sp3 ul li{display:inline}
.cs_1n1_bt1_sp3 .left{float:left; text-align:center;width:92% }
.cs_1n1_bt1_sp3 .right{text-align:right;width:7%}

/*20130423 �߰�*/
.cs_1n1_important1{color:#e74893}
.cs_1n1_important2{vertical-align:top; color:#e74893}
.cs_1n1_important3{width:85%; margin:0 auto}
.cs_1n1_important3 ul li{padding:0; text-align:center}

/*130725 �߰�*/
.cs_main_smart1{padding:15px 12px 0 12px; font-size:1.1em}
.cs_main_smart1 .bt{width:25%; float:right; text-align:right; padding-bottom:10px;}
.cs_30day{padding:12px 12px 10px 12px; border-bottom:1px solid #666}
.cs_30day .t1{color:#333; font-size:1em; line-height:1.2em; padding:5px 0 0px 0; float:left}
.cs_30day .t2{ color:#666; padding:13px 10px;}
.cs_30day .t3{color:#e74893; font-size:0.9em; border-bottom:1px solid #dcdcdc; line-height:1.2em; padding:3px 0 5px 0; }
.cs_30day .t3_1{color:#e74893; font-size:1em; line-height:1.2em; border-bottom:1px solid #dcdcdc;padding:3px 0 5px 0; }
.cs_30day .t4{font-size:0.8em; color:#bebebe;}
.cs_30day .t5{color:#0399df;}
.cs_30day .bt{float:right; width:20%; padding:0 12px 0 0;}



/* 161006_����� */
.cs_top_tab_box { margin:0px 12px; padding:14px 0; background:#ffffff; text-align:center; height:20px; border-bottom:1px solid #d5d5d5; overflow:hidden;}

.cs_top_tab_t1 {float:left; width:28%; text-align:center; padding:0px;}
.cs_top_tab_t1 a {color:#444; font-size:1.1em;}
.cs_top_tab_t2 {float:left; width:44%; text-align:center; padding:0px;}
.cs_top_tab_t2 a {color:#444; font-size:1.1em;}
.cs_top_tab_t3 {float:left; width:28%; text-align:center; padding:0px;}
.cs_top_tab_t3 a {color:#444; font-size:1.1em;}

.cs_top_tab_t1_on {float:left; width:28%; text-align:center; padding-bottom:9px; border-bottom:3px solid #e74893; }
.cs_top_tab_t1_on a {color:#444; font-size:1.1em; }
.cs_top_tab_t2_on {float:left; width:44%; text-align:center; padding-bottom:9px; border-bottom:3px solid #e74893;}
.cs_top_tab_t2_on a {color:#444; font-size:1.1em; }
.cs_top_tab_t3_on {float:left; width:28%; text-align:center; padding-bottom:9px; border-bottom:3px solid #e74893;}
.cs_top_tab_t3_on a {color:#444; font-size:1.1em; }

.cs_form_space50 { float:left; width:45%;}

/* �߰� �Ǹ��� ����/�亯 */
.cs_1n1_form2 {margin:0; padding:2px 0}
.cs_1n1_form2 .left{float:left; width:30%; font-size:1em}
.cs_1n1_form2 .right{float:right; width:69%}
.cs_1n1_bt4 {background:#ffffff; width:100%; border:1px solid #dcdcdc; padding:1px 0; text-align:center;} /* �߰��� css ��ư �߰�*/

.cs_tab_box {clear:both; padding:14px 11px 15px 11px; background:#FFFFFF; overflow:hidden; }
.cs_tab_L4 {border-top-left-radius:3px; border-bottom-left-radius:3px;float:left; border:1px solid #7b858f;width:49%; text-align:center; }/*tab 2*/
.cs_tab_L5 {border-top-right-radius:3px;border-bottom-right-radius:3px; float:left; text-align:center;width:49%;border-top:1px solid #7b858f;border-bottom:1px solid #7b858f; border-right:1px solid #7b858f; }

a.cs_tab_on:link { color:#FFFFFF; background:#7b858f; display:block; padding:7px 0 5px 0; }
a.cs_tab_on:visited { color:#FFFFFF; background:#7b858f; display:block;padding:7px 0 5px 0; }
a.cs_tab_off:link { color:#7b858f;  display:block;padding:7px 0 5px 0;}
a.cs_tab_off:visited { color:#7b858f;  display:block;padding:7px 0 5px 0; }

.cs_book_conts1 { clear:both;padding:5px 0 ; margin-top:5px;}
.cs_book_conts1 li { background:url(http://image.aladin.co.kr/img/shop/m/icon_mark.png) no-repeat; background-size:20px;}
.cs_list_dot li {padding:0 0 4px 7px;  /*color:#4c4c4c;*/ background:url(http://image.aladin.co.kr/img/shop/m/nm_list_dot.png) no-repeat 0px 7px; line-height:140%; position:relative }


/* 170307 �ȳ����� */
.cs_error_box { margin:0px; padding:30px 0 20px 0; text-align:center;  }
.cs_text_error { font-size:1.4rem; line-height:140%; margin-top:15px; color:#222;}
.cs_text_notice { margin:15px 0; padding:0; text-align:left;}
.cs_text_notice li { background:url(http://image.aladin.co.kr/img/cscenter/2017/error_dot1.jpg) 0px 4px no-repeat;  color:#555; font-size:1rem; padding-bottom:2px; padding-left:9px;}
.cs_text_pink { color:#ee3b97;}
/*��ư*/
.cs_btn {background:#fff; border:1px solid #308cd4; border-radius:2px; display: inline-block;*zoom:1;*display:inline;  padding:0px!important; }
.cs_btn a {display: block; padding:5px 0; font-size:0.95rem; color:#308cd4!important }

/*����÷��*/
.cs_photoADD { position:relative;  float:left; width:100%;}
.cs_photoADD li { }
.cs_photoADD li .del img {width: 12px; padding:3px 0 0 5px}
.cs_photoADD li .del {position: absolute;right: 3px;top:5px;background: rgba(255, 0, 0, 0.9);z-index: 5; width: 23px;height: 23px; border-radius: 3px;}
.cs_photoADD li .addimgbox { background:#ffffff; border:1px solid #e0e0e0; height:65px; margin-right:5px; overflow:hidden;position:relative;width:65px; float:left;   }
.cs_photoADD li .addimgbox p { text-align:center; color:#666666; font-size:0.9em; line-height:1.3; padding-top:7px; }
.cs_photoADD li .addimgsize { width:100% }



/*1:1���� ���̾�*/
.layer_feedback_wrap {width:80%; margin:0 10%; }
.layer_feedback_wrap .cont_warp {background:rgba(0,0,0, 0.9); color:#ffffff; position:relative; text-align:center;} 
.layer_feedback_wrap .cont_warp .close_btn { position:absolute; right:10px; top:10px}
.layer_feedback_wrap .cont_warp .close_btn img { width:15px;}
.layer_feedback_wrap .cont_warp .layer_t1 {padding:50px 10px 55px 10px; }
.layer_feedback_wrap .cont_warp .layer_t2 {padding:35px 10px 30px 10px; }
.layer_feedback_wrap .cont_warp .layer_btn_wrap {}
.layer_feedback_wrap .cont_warp .layer_btn_wrap:after {content:' '; display:block; clear:both;}
.layer_feedback_wrap .cont_warp .layer_btn1 { float:left; width:50%; text-align:center; border-top:1px #525252 solid; border-right:1px #525252 solid; box-sizing:border-box; }
.layer_feedback_wrap .cont_warp .layer_btn1 a { display:block; height:45px; line-height:45px; color:#20c2fa;}
.layer_feedback_wrap .cont_warp .layer_btn2 { float:left; width:50%; text-align:center; border-top:1px #525252 solid; box-sizing:border-box;}
.layer_feedback_wrap .cont_warp .layer_btn2 a { display:block;  height:45px; line-height:45px; color:#ffffff;}


.qs_select { outline:0; color: #333; -webkit-appearance: none!important;}


/*210122 챗봇 */
.cs_chatbot_wrap { margin:0 0 15px 0; padding:5px 10px 5px 12px; }
.cs_chatbot_wrap .area70 { float:left; width:80%;}
.cs_chatbot_wrap .area30 { float:right; width:20%; padding:0 0 0 5px;box-sizing:border-box;}
.cs_chatbot_wrap .cs_chatbot_text { color:#333; border:3px solid #33afe9;  width:100%;outline:0; padding:5px; box-sizing:border-box; height:40px;}
.cs_chatbot_wrap .cs_chatbot_btn {background:#33afe9; width:100%; padding:9px 0 0px 0; text-align:center; color:#fff; font-size:1em; font-weight:bold; height:40px;box-sizing:border-box;}
.cs_chatbot_wrap .cs_chatbot_btn a { display:block; color:#fff; text-decoration:none;}
.cs_chatbot_wrap::after {content:' '; display:block; clear:both;}

.cs_main_title_bg .icon_chatbot { width:30px; margin-top:-3px;}


/* kakao 챗봇 상담 */
.kakao_chat_box {width:100%; height:auto; background: #f7f7f7; padding: 15px 20px 24px 15px; box-sizing: border-box; border-radius: 15px; }
.kakao_chat_box span {display:inline-flex; height:auto; color:#333333; font-size: 1em; letter-spacing: -0.03em; line-height:1.3em; font-family: 'Apple SD Gothic Neo', AppleGothic, '맑은고딕', 'Malgun Gothic', '돋음', Dotum, '굴림', Gulim, Helvetica, sans-serif!important}
.kakao_chat_box span::before {
content: '';
display: inline-block;
background: url(//image.aladin.co.kr/img/m/2012/cscenter/m_chat_kakao_icon.png) no-repeat center / 100% auto;
background-size: contain;

width: 100px;
height: auto;
margin: 0px 9px 0 5px;
vertical-align: middle;  }

.kakao_chat_box p {float:right; display:inline-flex; padding:2px 1px 0 0; color:#333333; font-size: 16px; font-weight:500; letter-spacing: -0.04em; line-height:6%; font-family: 'Apple SD Gothic Neo', AppleGothic, '맑은고딕', 'Malgun Gothic', '돋음', Dotum, '굴림', Gulim, Helvetica, sans-serif!important}
.kakao_chat_box p::after {
content: '';
display: inline-block;
background: url(//image.aladin.co.kr/img/m/2012/cscenter/m_chat_2.png) no-repeat center / 100% auto;
width: 5px;
height: 14px;
margin-left: 6px;
vertical-align: middle;
margin-top: -8px;}


/* 2021.07.09 kakao 챗봇 상담 수정*/
.chat_box_space {margin: 15px auto 10px auto; width:93%;}
.kakao_chat_box_1 {width:100%; height:auto; background: #f7f7f7; padding: 15px 20px 24px 15px; box-sizing: border-box; border-radius: 15px; }
.kakao_chat_box_1 span {display:inline-flex; height:auto; color:#333333; font-size: 1em; letter-spacing: -0.03em; line-height:1.3em; font-family: 'Apple SD Gothic Neo', AppleGothic, '맑은고딕', 'Malgun Gothic', '돋음', Dotum, '굴림', Gulim, Helvetica, sans-serif!important}
.kakao_chat_box_1 span::before {content: ''; display: inline-block; background: url(//image.aladin.co.kr/img/m/2012/cscenter/m_chat_kakao_icon.png) no-repeat center / 100% auto; background-size: contain; width: 100px; height: auto; margin: 0px 9px 0 5px; vertical-align: middle;  }
.kakao_chat_box_1 p {float:right; display:inline-flex; padding:2px 1px 0 0; color:#333333; font-size: 16px; font-weight:500; letter-spacing: -0.04em; line-height:6%; font-family: 'Apple SD Gothic Neo', AppleGothic, '맑은고딕', 'Malgun Gothic', '돋음', Dotum, '굴림', Gulim, Helvetica, sans-serif!important}
.kakao_chat_box_1 p::after {content: ''; display: inline-block; background: url(//image.aladin.co.kr/img/m/2012/cscenter/m_chat_2.png) no-repeat center / 100% auto; width: 5px; height: 14px; margin-left: 6px; vertical-align: middle; margin-top: -8px;}

/* 전자책 뷰어 이용안내 */
.useguide_wrap {padding:0 16px;}
.useguide_wrap section {border-bottom: 1px solid #e5e5e5; padding: 30px 0;}
.useguide_wrap section:last-child {border-bottom: none;}
.useguide_wrap section h3 {font-size: 20px; margin-bottom: 20px; font-weight: normal;}
.useguide_wrap .update_box p {font-size: 16px;}
.useguide_wrap .update_box p span {display: block;}
.useguide_wrap .update_box a {color: #000; text-decoration: none;}
.useguide_wrap .update_box .version {font-size: 14px; color: #666;}
.useguide_wrap .help_box {display: flex; flex-wrap: wrap; justify-content: space-between;}
.useguide_wrap .help_box li {width: calc(50% - 7px); height: 65px; border: 1px solid #dedfe0; border-radius: 4px; list-style: none; margin-bottom: 10px;}
.useguide_wrap .help_box li a {display: block; width: 100%; height: 100%; padding: 0 15px; font-size: 16px; line-height: 1.3; text-decoration: none; color: #000; box-sizing: border-box; display: flex; align-items: center; background: url(//image.aladin.co.kr/img/svg/arrow_next_b2.svg) no-repeat right 15px center / 7px 12px;}
.useguide_wrap .ask_box {display: flex; flex-wrap: wrap;}
.useguide_wrap .ask_box p {width: 100%; margin-bottom: 20px;}
.useguide_wrap .ask_box button {width: 100%; height: 50px; background-color: #000; color: #fff; font-size: 16px; border: 0; border-radius: 4px; cursor: pointer;}
@media screen and (min-width: 750px) {
    .useguide_wrap .update_box p span {display: inline-block;}
    .useguide_wrap .help_box {display: flex; flex-wrap: wrap; justify-content: space-between;}
    .useguide_wrap .help_box li {width: calc(33% - 7px); height: 65px; border: 1px solid #dedfe0; border-radius: 4px; list-style: none; margin-bottom: 10px;}
    .useguide_wrap .ask_box {flex-wrap: nowrap;}
    .useguide_wrap .ask_box p {width: 67%; padding-right: 20px; box-sizing: border-box;}
    .useguide_wrap .ask_box button {width: 33%;}
}

#ucCS_pnCate {min-height: calc(100vh - 414px);}

.cs_1n1_sp7 .faq_list_box {display: flex; flex-wrap: wrap; border-top: 1px solid #bbbbba; border-left: 1px solid #bbbbba}
.cs_1n1_sp7 .faq_list_box li {width: 50%; height: 38px; box-sizing: border-box; border-bottom: 1px solid #bbbbba; border-right: 1px solid #bbbbba;}
.cs_1n1_sp7 .faq_list_box li a {display: block; height: 38px; line-height: 38px; padding: 0 0 0 10px; letter-spacing: -1px; overflow: hidden;}

.onepoint_check_box {background-color: #f3f3f5; padding: 25px; margin-bottom: 30px;}
.onepoint_check_box .check2 {margin-top: 25px; display: none;}
.onepoint_check_box > div p {margin-bottom: 5px;}
.onepoint_check_box .check_box input[type="radio"] {width: 17px; height: 17px; border: 1px solid #8A8A8D; -webkit-appearance: none; background-color: #fff; border-radius: 50%; margin-right: 0px;}
.onepoint_check_box .check_box input[type="radio"]:checked {border: 4px solid #EB217C;}
.onepoint_check_box .check_box label {margin-right: 10px;}
.onepoint_check_box .check_box label span {display: inline-block; padding-left: 5px; vertical-align: -1px;}

.onepoint_check_box .check_box button {width: 60px; border-radius: 2px; border: 1px solid #cfcfcf; background-color: #fff; box-sizing: border-box; font-size: 14px; margin-right: 5px;}
.onepoint_check_box .check_box button.on {color: #fff; background-color: #dd2482; border: 1px solid #dd2482;}