@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');
/* common */
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: #333;    word-wrap: break-word;    word-break: break-all;}
body,input,textarea,select,table,button {    font-size: 15px;    line-height: 150%;    /*font-family:'Apple SD Gothic Neo','AppleGothic','Segoe WPC','Segoe UI','굴림',Gulim,dotum,'돋움','Helvetica','Sans-serif';*/    font-family: "Noto Sans KR", -apple-system, "Helvetica Neue", Helvetica, sans-serif;}

/* 210517 출판사 모바일 FAQ */
.scm_faq_wrap { clear:both; padding:0; margin:0 0 40px 0;border-top:1px solid #f1f1f1;}
.scm_faq_wrap .scm_title { padding:25px 15px 15px 15px; color: #222222; font-size:20px; font-weight:bold;}
.scm_faq_wrap .menu_wrap { padding:0px 0px; margin:0 15px 20px 15px ; border-top:1px solid #222; border-bottom:1px solid #222;}
.scm_faq_wrap .menu_wrap ul { padding:0; margin:0;}
.scm_faq_wrap .menu_wrap ul li { list-style:none; padding:0px; margin:0; color:#222222; font-size:16px; border-bottom:1px solid #e5e5e5;}
.scm_faq_wrap .menu_wrap ul li a { display:block; padding:16px 10px 14px 8px;}
.scm_faq_wrap .menu_wrap ul li:last-child { border-bottom:0;}

.scm_faq_wrap .conts_wrap { clear:both; margin:0; padding:30px 15px 0 15px; position: relative;}
.scm_faq_wrap .conts_wrap .list_title {clear:both; position:relative;  margin:0; color:#222222; font-size:18px; font-weight:bold; padding-bottom: 10px;}
.scm_faq_wrap .conts_wrap .list_title .arrow { position:absolute; top:12px; right:-5px; padding:8px 5px;}
.scm_faq_wrap .conts_wrap .list_title a{display:block;padding:20px 0; }
.scm_faq_wrap .conts_wrap .one_qnawrap { margin:0 0 25px 0; padding:0px 0 25px 0; border-bottom:1px solid #e5e5e5; }
.scm_faq_wrap .conts_wrap .one_qnawrap .question { margin:0; padding:0 0 10px 0;font-family:'Noto Sans KR','Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','돋움',dotum, sans-serif;text-decoration:none; font-size:16px; color:#222; letter-spacing:0;}
.scm_faq_wrap .conts_wrap .one_qnawrap .question span {color:#33afe9; padding-right:5px; font-size:19px;}
.scm_faq_wrap .conts_wrap .one_qnawrap .answer {font-family:'Noto Sans KR','Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','돋움',dotum, sans-serif;text-decoration:none; font-size:15px; color:#555; letter-spacing:0.02em; line-height:150%;}
.scm_faq_wrap .conts_wrap .one_qnawrap .answer span { color:#222;}

.scm_faq_wrap .conts_wrap .one_qnawrap .answer .list { margin:20px 0; padding:0; }
.scm_faq_wrap .conts_wrap .one_qnawrap .answer .list ul { margin:0; padding:0;}
.scm_faq_wrap .conts_wrap .one_qnawrap .answer .list ul li { list-style:none; padding:0 0 4px 0; font-size:15px; font-weight:normal; line-height:150%; }
.scm_faq_wrap .conts_wrap .one_qnawrap .answer .list ul li span { color:#222!important; text-decoration:underline;}

.scm_faq_wrap .conts_wrap .one_qnawrap .answer .previmg_box {clear:both; text-align:center; padding:20px 0px; margin:0 auto; }
.scm_faq_wrap .conts_wrap .one_qnawrap .answer .previmg_box .sample { width:100%;  color:#555; font-size:14px; margin-bottom:20px; font-weight:bold;}
.scm_faq_wrap .conts_wrap .one_qnawrap .answer .previmg_box .sample_img { width:85%; border:1px solid #e9e9e9; margin-top:5px;}
.scm_faq_wrap .conts_wrap .one_qnawrap .answer .previmg_box::after { content:''; display: block; clear:both;}
.scm_faq_wrap .conts_wrap::after { content:''; display: block; clear:both;}
.scm_center { text-align:center; margin:0 auto;}

.layer_menu_wrap {background: #fff; padding:0px 0x; margin:0 15px 20px 15px ; border-top:1px solid #222; border-bottom:1px solid #222; display: none;}
.layer_menu_wrap ul { padding:0; margin:0;}
.layer_menu_wrap ul li { list-style:none; padding:0px; margin:0; color:#222222; font-size:16px; border-bottom:1px solid #e5e5e5;}
.layer_menu_wrap ul li a { display:block; padding:16px 10px 14px 8px;}
.layer_menu_wrap ul li:last-child { border-bottom:0;}

/* 컨텐츠 버튼 */
.conts_btn { background: #33afe9; display:block; *zoom: 1; *display: inline; padding:0; vertical-align: middle; text-align: center; overflow: hidden; text-decoration: none;cursor: pointer; border:1px solid #33afe9; width:65%; margin:0 auto 20px auto;}
.conts_btn a:link {white-space: nowrap; text-decoration: none; outline: 0; color: #fff; font-size:16px; font-weight: bold; font-family:'Noto Sans KR','Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','돋움',dotum, sans-serif; line-height:130%; display: block; white-space: nowrap;  margin: 0; padding:10px 0px 9px 0px; font-weight:normal; }
.conts_btn a:visited {text-decoration: none ;outline: 0; color: #fff; font-size:16px; font-weight:normal; font-family:'Noto Sans KR','Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','돋움',dotum, sans-serif; display: block;white-space: nowrap; margin: 0;}

.faq_menu_box {position: absolute; top: 0; left: 0; width: 100%; z-index: 10;}
.faq_menu_box .faq_menu_btn {width: calc(100% - 30px); height: 62px; list-style: 62px; border: 0; background-color: #fff; text-align: left; margin: 0 15px; font-size: 18px; font-weight: bold;}
.faq_menu_box .faq_menu_btn::after {content: ''; display: block; position:absolute; top:0; right:0; width:60px; height: 62px; background: url(//image.aladin.mom/img/scm/m_arrow.png) no-repeat center / 30px 22px; transition: transform 0.3s ;}
.faq_menu_box .faq_menu_btn.on::after {transform: rotate(-180deg);}
.faq_menu_box.fixed {position: fixed;}