@charset "utf-8";
/*
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
*/
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(/common/font/NotoSansKR-Light.eot),
		url(/common/font/NotoSansKR-Light.eot?#iefix) format('embedded-opentype'),
		url(/common/font/NotoSansKR-Light.woff) format('woff'),
		url(/common/font/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(/common/font/NotoSansKR-Regular.eot),
		url(/common/font/NotoSansKR-Regular.eot?#iefix) format('embedded-opentype'),
		url(/common/font/NotoSansKR-Regular.woff) format('woff'),
		url(/common/font/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: bold;
   src: url(/common/font/NotoSansKR-Medium.eot),
		url(/common/font/NotoSansKR-Medium.eot?#iefix) format('embedded-opentype'),
		url(/common/font/NotoSansKR-Medium.woff) format('woff'),
		url(/common/font/NotoSansKR-Medium.otf) format('opentype');
 }

/* Basic Style START (dohoons, 200803, 200908, 201011, 201106, 201305, sanghwan,201609) */
html, body{ height:100%; -webkit-text-size-adjust:none}
body, input, select, button, textarea, h1, h2, h3, h4, h5, h6, table{font-weight:normal;font-size:14px;font-family:'Noto Sans KR','맑은 고딕','Malgun Gothic','Dotum','AppleGothic',sans-serif;color:#666}
html, body, div, form, input, select, button, textarea, legend, fieldset, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, address, p, th, td, caption{ margin:0; padding:0}
ol, ul, li{list-style:none}
img, fieldset,button{border:0 none;outline:none}
input, select, textarea{vertical-align:middle;position:relative;outline:none}
input[type=text], input[type=password], input[type=submit], input[type=search], textarea{ -webkit-appearance:none}
button{ border:0 none; cursor:pointer}
hr{ display:none}
label{vertical-align:middle;cursor:pointer}
fieldset{border:none}
legend, .hide{ width:0; height:0; visibility:hidden; font-size:0; line-height:0; position:absolute; top:0; left:0; overflow:hidden}
table caption{ width:0; height:0; visibility:hidden; text-indent:-9999px; font-size:0; line-height:0}
table{ border-collapse:collapse; border-spacing:0}
#Header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption{ display:block}
a:link, a:visited{ text-decoration:none; color:#666}
a:active, a:hover, a:focus{ text-decoration:underline}
img{max-width:100%}
.screen_out{overflow:hidden;position: absolute;width: 0;height: 0;line-height: 0;text-indent: -9999px;}
.ir_wa{display: block;overflow: hidden;position: relative;z-index: -1;width: 100%;height: 100%;}
.link_jump{position: absolute;top: 0;left: -9999px;z-index: 9999}
body.modal-open{overflow-y:hidden;height:100%} /* 11-30 수정 이게 진짜에요*/
html.modal-open{overflow-y:hidden;height:100%} /* 11-30 수정  이게 진짜에요*/

/* ie-7때만 사용 */
.ie7-vac{display:none}
.no-js.ie7 .ie7-vac{display:inline;zoom:1;height: 100%;width: 1%;vertical-align: middle;}

/*my_버튼*/
.btn_myprogram{display:inline-block;*display:inline;*zoom:1;width:35px;height:21px;background:#c3c3c3;border-radius: 17px;font-size:13px;text-align: center;line-height:21px;color:#fff}
.btn_myprogram.on{background:#f61b63}
.btn_sns_pop {display:inline-block;padding:0 10px;height:21px;background:#c3c3c3;border-radius:17px;font-size:13px;text-align:center;line-height:21px;color:#fff;}/* 2017-07-26 */
.no-js.ie7 .btn_myprogram,.no-js.ie8 .btn_myprogram{line-height:17px}
.ptm-none{display:none !important}
.pc-block{display:block} /* 12-01 라인 추가*/
.ta-block{display:none} /* 12-01 라인 추가*/
.pct-block{display:block}
.mot-block{display:none}
.pc_pb01{padding-bottom:0.6em}
.restem_wraper{min-width:980px}
.inner{width:980px;margin:0 auto}
.pct-block{display:block}
.mob-block{display:none !important}
.mob-ib{display:none !important}
.ico_lnb_new{display:inline-block;*display:inline;*zoom:1;width:12px;height:0;max-height:11px;margin: -3px 0 0 2px;padding:11px 0 0 4px;vertical-align:middle;background: url(../../images/rwdskin/ico_lnb_new.gif) no-repeat 100% 0;overflow: hidden;}

/* #Header */
.h_inner{position:relative;width:100%;height:30px;background:#f3f3f3;border:1px solid #d8d9db;border-top:0;border-bottom:0}
.h_inner:after{display: block;content: "";clear:both;height:0px;visibility: hidden}
.inner{position:relative; z-index:9} /* 0309 z-index:9 추가*/
#Header{line-height:1.3;/* z-index:100; */}
#Header .container{position:relative;width:980px;min-width:980px;margin:0 auto;padding-top:30px}
#Header .area_global{position:absolute;z-index:20;left:0;top:0;height:30px;border-left:1px solid #d8d9db;border-right:1px solid #d8d9db}
#Header{position:fixed;top:0;z-index: 20;width:100%;background:#f3f3f3;font: normal 11px dotum,"돋움",Arial;}
body.slide_on #Header{z-index:5}
body.slide_on2 #Header{z-index:5}
#Header select{font:normal 12px dotum,"돋움",Arial}
#Header .container{position:relative;padding-top:30px}
#Header .container:after{content:"";display:block;clear:both;height:0;visibility:hidden}
#Header .area_logo{display:inline;float:left;position:relative;z-index:30;margin-left:14px;width:236px}
#Header .area_logo h1{padding-top:15px}
#Header .area_logo h1:after{content:"";display:block;clear:both;height:0;visibility:hidden}
#Header .area_logo h1 img{float:left;padding:6px 5px}
#Header .area_global .area_util{float:left;height:30px;padding-left:19px;padding-right:19px;border-right:1px solid #d8d9db}
#Header .area_global .areautil_vet{width:440px}
#Header .area_global .area_util ul{display:inline-block;margin-top:5px}
#Header .area_global .area_util ul{float:left}
#Header .area_global .area_util ul li{margin-left:10px;padding-left:11px;background:url('../../images/global/bar_gnb.gif') no-repeat left center}
#Header .area_global .area_util ul li:first-child, #Header .area_global .area_util ul li.first_child{margin-left:0;padding-left:0;background-image:none}
#Header .area_global .area_util ul li img{padding:5px 0}
.no-js.ie7  #Header .area_global .area_util ul li img.pc-block{margin-top:-6px}
#Header .area_global .area_util ul li .mot-block{padding:0}
#Header .area_global .area_gnb{float:right;margin-top:5px;padding-right:20px}
#Header .area_global .area_gnb *{float:left}
#Header .area_global .area_gnb .user{padding:4px 0 2px; font-size:11px; color:#757575; font-weight:bold}
#Header .area_global .area_gnb .user strong{font-weight:bold;color:#3c73a0}
#Header .area_global .area_gnb .subc a {font-weight:bold;color:#3c73a0}/* 2020-08-28 */
#Header .area_global .area_gnb select{width:125px;margin-right:10px}
#Header .area_global .area_gnb ul li{margin-left:10px;padding-left:11px;background:url('../../images/global/bar_gnb.gif') no-repeat left center;font-size:11px;}
#Header .area_global .area_gnb ul li:first-child, #Header .area_global .area_gnb ul li.first_child{margin-left:0;padding-left:0;background-image:none;}
#Header .area_global .area_gnb ul li a, #Header .area_global .area_gnb ul li .slash{padding:4px 0 2px;color:#333;}
#Header .area_global .area_gnb ul li#popLi {margin-left:0;padding-left:0}
#Header .area_global .area_gnb ul li.more{background-position:0 5px;}
#Header .area_global .area_gnb ul li.more2{margin:0;background:none;}
#Header .area_global .area_gnb ul li.more a{padding-top:5px;}
#Header .area_global .area_gnb ul li.form{margin:0;padding:0;background:none}
#Header .area_global .area_gnb ul li.form1{padding-left:10px;background:none}
#Header .area_global .area_gnb ul li.form2{padding-left:5px}
#Header .area_global .area_gnb ul li.form2 select{margin:0;}
#Header .area_global .area_gnb ul li .intxt_searall{border-right:0}
#Header .area_global .area_gnb ul li a, #Header .area_global .area_gnb ul li .slash{padding:4px 0 2px;color:#333;}
#Header .area_global .area_gnb ul li a strong{font-weight:bold}
#Header .area_global .area_gnb ul li.more .more_box{position:absolute;top:30px;right:0;border:3px solid #4481bd;background:#fff;z-index:200}
#Header .area_global .area_gnb ul li.more .more_box li{height:275px;margin:0;padding:13px 0 15px 12px;border-right:1px solid #eaeaea;background:none}/* 170303수정*/
#Header .area_global .area_gnb ul li.more .more_box li.more_category1, #Header .area_global .area_gnb ul li.more .more_box li.more_category1 dl{width:118px}
#Header .area_global .area_gnb ul li.more .more_box li.more_category2, #Header .area_global .area_gnb ul li.more .more_box li.more_category2 dl{width:118px}/* 170303수정*/
#Header .area_global .area_gnb ul li.more .more_box li.more_category3, #Header .area_global .area_gnb ul li.more .more_box li.more_category3 dl{width:118px}
#Header .area_global .area_gnb ul li.more .more_box li.more_category4, #Header .area_global .area_gnb ul li.more .more_box li.more_category4 dl{width:118px;border-right:none}
#Header .area_global .area_gnb ul li.more .more_box li dt{display:block;float:none;margin-bottom:11px}
#Header .area_global .area_gnb ul li.more .more_box li dd{clear:both;display:block;float:none;line-height:20px;}
#Header .area_global .area_gnb ul li.more .more_box li dd.type2{clear:none;float:left;width:52px;padding:0 0 0 7px;line-height:14px;background:url('../../images/global/bu_global_more_t2.gif') no-repeat 0 50%;}
#Header .area_global .area_gnb ul li.more .more_box li dd img{vertical-align:-1px;}
#Header .area_global .area_gnb ul li.more .more_box li dd a{height:1%;}
#Header .area_global .area_gnb ul li.more .more_box a, #Header .area_global .area_gnb ul li.more .more_box strong, #Header .area_global .area_gnb ul li.more .more_box img{float:none;padding:0;color:#666}
#Header .area_global .area_gnb ul li.more .more_box .btn_more_close{position:absolute;right:10px;bottom:10px;}
#Header .area_global{width:100%;z-index:100;}
#Header .area_global input.txt_type{border:1px solid #B5B5B5; border-right:0 none; color:#222222; height:20px; line-height:18px; padding:0 0 0 2px; }
#Header .area_global .area_gnb .remove{position:absolute; left:-9999px;}
#Header .area_global .area_gnb select{height:20px; color:#222; }
#Header .area_global .area_gnb select option{float:none; display:block;}

/* 팝업(레드라운드) */
.layer_red{position:absolute;width:310px;padding-bottom:27px;background:url('../../images/global/bg_redlayer_bot.png') no-repeat 0 bottom;display:block !important;}
.layer_red .in_layer_red{padding-top:20px;background:url('../../images/global/bg_redlayer_top.png') no-repeat 0 0;}
.layer_red .control_txt{position:absolute; bottom:3px; left:3px;width:294px;height:24px;padding-left:10px;text-align:left;border-top:1px solid #e1e3e7;font-size:11px;line-height:24px;}
.layer_red .control_txt .input_check{vertical-align:middle;}
.layer_red .btn_layer_close{position:absolute;bottom:11px;right:12px;width:10px;height:9px;background:url('../../images/global/btn_layer_close.gif') no-repeat 0 0;}
.layer_red .btn_layer_close span{width:0;height:0;overflow:hidden;font-size:0;line-height:0;}

/* 팝업(이벤트당첨) */
.event_mainlayer{left:50%;top:20px;width:310px;margin-left:-150px;text-align:center;line-height:21px;}
.event_mainlayer p{font-size:14px;color:#474747;}
.event_mainlayer .red_text{color:#e90722;}
.event_mainlayer .link_input{font-size:13px;font-weight:bold;padding:18px 0 15px 0;}
.event_mainlayer .link_input .txt_arrow{letter-spacing:-2px;}
.event_mainlayer .link_input a{color:#f05c47 !important;}
/* 팝업(이벤트당첨  서브) */
.area_global .area_gnb .layer_red *{float:none !important;}
.area_global .area_gnb .layer_red{float:none !important;top:30px;}
.area_global .area_gnb .layer_red p, .area_global .area_gnb .layer_red div{display:block !important;}

/* 팝업 */
.popwin { position:absolute; overflow:hidden; }
.popwin .content img { border:none; vertical-align:top; }
.popwin .foot { height:23px; line-height:23px; font-size:11px; color:#fff; background:#212121; position:relative; }
.popwin .foot .btn_close { color:#fff; text-decoration:none; position:absolute; top:0; right:8px; }
.layerpop { position:absolute; overflow:hidden; }
.layerpop h1 { height:23px; padding-left:8px; line-height:23px; font-size:11px; color:#fff; background:#212121;}
.layerpop .content img { border:none; vertical-align:top; }
.layerpop .foot { height:23px; padding:0 8px; line-height:23px; font-size:11px; color:#fff; background:#212121; position:relative; }
.layerpop .foot .btn_close { color:#fff; text-decoration:none; position:absolute; top:0; right:8px; }
.layerwin {padding:5px;background: #405e86;border:1px solid #26446c;position:absolute;overflow:hidden;z-index:1000;}
.layerwin .tit_popup { height:40px; padding:0 0 0 10px; line-height:35px; font-size:16px; color:#fff; }
.layerwin .btn_pop_close { float:left; display:block; width:30px; height:30px; text-indent:-9999px; background:url('../../images/popup/btn_pop_close.gif') no-repeat; position:absolute; top:8px; right:11px;  }
.layerwin .content { padding:14px; background:#fff; }
.layerwin .con_box { padding:12px 0 0; background:url('../../images/popup/bg_con_box.gif') no-repeat 0 0; }
.layerwin .con_box .wrap { padding:0 0 12px; background:url('../../images/popup/bg_con_box.gif') no-repeat 0 100%; }
.layerwin .btn_area { margin:12px; text-align:center; }

/* 팝업 - 이벤트 개인정보 활용 동의 */
.privacy_form {width:480px; border:1px solid #26446c}
.privacy_form .info_agree { margin-bottom:18px; padding:6px; line-height:1.5; background:#f1f1f1; border-top:1px solid #dedede; border-left:1px solid #dedede; }
.privacy_form .info_agree .wrap { padding:10px; background:#fff; border-bottom:1px solid #dedede; border-right:1px solid #dedede; }
.privacy_form .info_agree * { vertical-align:middle; }
.privacy_form .info_agree .go_privacy { font-weight:bold; color:#222; }
.privacy_form .privacy_agree_new { margin:0 0 15px; padding:14px; line-height:1.5; font-family:'dotum'; color:#222; background:#fffef7; border:1px solid #f4f1e0 ; }
.privacy_form .privacy_agree_new * { vertical-align:middle; }
.privacy_form .privacy_agree_new .link { font-weight:bold; color:#ff644e; }
.privacy_form .privacy_agree_new label { font-weight:bold; color:#222; }
.privacy_form .privacy_agree_new input { margin:0 15px 0 0; }
.privacy_form .win_msg { margin:0 0 25px; padding:22px 0; text-align:center; font-weight:bold; font-size:14px; color:#3c5d89; background:#e0e6ee; border:1px solid #b3bac4; }
.privacy_form .win_msg span { color:#d85a29; }
.privacy_form .top_desc { margin:0 0 25px; padding:15px 12px; color:#000; background:#fffef7;border:1px solid #f4f1e0;font-weight:300;font-size:13px}
.privacy_form h2 { height:20px; font-weight:bold; font-size:14px; color:#405e86; }
.privacy_form .desc { padding:10px 0 0 0; line-height:1.5; font-size:11px; color:#db4b00; }
.privacy_form table{width:100%;color:#666; border-top:2px solid #666;}
.privacy_form input.txt_type{margin:-1px 0;border:1px solid #b5b5b5;padding:3px 0 0 2px;width:auto;height:17px;font-size:12px;border-color:WindowFrame;color:CaptionText;border-color:#b5b5b5;color:#222} /* 2017-01-18 라인수정*/
.privacy_form table th,
.privacy_form table td{padding:8px 0;border:1px solid #ddd;border-top:none;text-align:left}
.privacy_form table th{background:#f7f7f7;text-align:center;}
.privacy_form table th .required {color:#F00;padding: 0 3px 0 0;}
.privacy_form table th span { font-weight:normal; font-size:11px; color:#db4b00; }
.privacy_form table td{padding-left:10px;padding-right:10px}
.privacy_form table input,
.privacy_form table select,
.privacy_form table *{vertical-align:middle}
.privacy_form .agree_section { margin:25px 0 0; }
.privacy_form .agree_section .title { padding:0 0 5px; font-weight:bold; font-size:14px; color:#405e86; border-bottom:2px solid #666; }
.privacy_form .agree_detail { margin:15px 0 0; padding:10px 15px; border:1px solid #ddd; }
.privacy_form .agree_detail .tit { padding:0 0 8px; font-weight:500; font-size:14px; color:#222; }
.privacy_form .agree_detail .tit span { color:#db4b00; }
.privacy_form .agree_detail .con { padding:10px;background:#f7f7f7;border:1px solid #d9d9d9;font-size:13px;font-weight:300}
.privacy_form .agree_detail .agree { margin:10px 0 0; overflow:hidden;font-size:13px }
.privacy_form .agree_detail .agree .input { float:right;}
.privacy_form .agree_detail .agree input { margin:0 0 0 10px; vertical-align:middle; }

/* HTM 메뉴 */
.secContents .main_html.rwd_html{overflow:hidden;width:100%;height:100%;border:1px solid #dcdcdc;background:#fff}
.secContents .main_html.rwd_html>div{width:100% !important}
.secContents .main_html.rwd_html>div img{max-width:none;width:100%}
/* footer */
.footer{position:relative;background:#fff;font-family:dotum,'돋움';z-index:11;}
.footer .area_notice{border-bottom:1px solid #d8d8d9}
.footer .area_notice .content_notice{position:relative;padding:5px 0}
.footer .area_notice h3, .footer .area_notice ul{display:inline-block;*display:inline;*zoom:1}
.footer .area_notice h3{width:83px;}
.footer .area_notice ul{width:850px}
.footer .area_notice ul li{display:inline-block;overflow: hidden;width:412px;padding-left:10px;background: url('../../images/global/bul_square_global2.gif') no-repeat 0 50%;line-height: 20px;font-size: 11px;vertical-align:middle;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.no-js.ie7 .footer .area_notice ul li{display:inline;zoom:1;}
.footer .area_notice ul li:first-child{margin-right:3px}
.footer .area_notice  .btn_more_txt{position:absolute;top:8px;right:0}

.footer .familysite_wrap{border-bottom:1px solid #d8d8d9}
.footer .familysite_wrap ul{height:49px;text-align:justify}
.footer .familysite_wrap ul>li{display:inline-block;margin-top:10px;vertical-align:middle}
.no-js.ie7 .footer .familysite_wrap ul>li{display:inline;zoom:1;margin-left:64px}
.no-js.ie7 .footer .familysite_wrap ul>li:first-child{margin-left:0}
.footer .familysite_wrap ul:after{content:'';display:inline-block;width:100%}
.footer address{width:100%;padding: 15px 0 25px 0px;font-style: normal;}
.footer address>span{display:inline}

.footer .area_link{position:absolute;top:7px;right:0}

.footer .wrap_policy .policy{margin-top: 13px;}
.footer .wrap_policy .policy a{margin-right: 9px;padding-left: 8px;color:#969696;vertical-align:middle;}
.footer .wrap_policy .policy a:first-child{padding-left:0}
.footer .policy ul{text-align:left}
.footer .policy p{display:inline-block;*display:inline;zoom:1;vertical-align:middle}
.footer .policy span{vertical-align:middle;}
.footer .policy span.pct-block{display:inline-block;*display:inline;*zoom:1}
.footer .policy a{font-size:11px;display:inline-block;width:auto;vertical-align:middle}

/* 2017-03-03  footer : EBS  소개 강조 */
.footer .wrap_policy .policy p:first-child a:first-child{padding:5px 7px 3PX;font-weight: bold;border:1px solid #cfcfcf}

.no-js.ie7 .footer .area_link .call_help>a p span{font-size:10px}
.footer .area_link .call_help{display:inline-block;*display:inline;*zoom:1;text-align: right;font-size: 12px;vertical-align: middle;}
.footer .area_link .call_help{display: block;margin-top: 8px;}

.footer .area_link .call_help>a{color:#adaeb0;display: block;}
.footer .area_link .call_help>a img{opacity:0.6;filter:alpha(opacity=60);}
.footer .area_link .call_help>a img{width:38px}
.footer .area_link .call_help>a p{display:inline-block;*display:inline;*zoom:1;font-size: 16px;vertical-align: bottom;line-height: 14px;font-weight:bold;text-align:left;}
.footer .area_link .call_help>a p span{padding-left:3px;font-size:8px}
.footer .area_link .call_help>a p span{font-weight:normal;display:block}
.footer .area_link{position: absolute;top: 4px;right: 0;}
.no-js.ie7 .footer .area_link{top:10px}
.footer .area_link .family_link{position:relative;display:block;vertical-align:middle;padding-bottom: 9px;}
.area_author{width:100%;font-size:11px}
.area_author address{color:#666;line-height: 17px;}
.area_author address strong{ color:#666; }
.area_author address span{margin-left:7px;padding-left:12px;background:url('../../images/global/bar_address.gif') no-repeat left center}
.area_author address a{color:#666;font-weight:bold}
.area_author address .copyright{display:inline-block;*display:inline;*zoom:1;padding:9px 0 0;color:#666;font-size:10px;font-family:'Verdana','Tahoma','Geneva','Arial',sans-serif; font-weight:normal;}
.footer .family_link_layer{display: none;position: absolute;bottom: 28px;left: 0;z-index: 100;width: 152px;padding: 4px;border: 1px solid #cfcfcf;background: #fbfbfb;z-index: 100;}
.footer .family_link_layer li{padding: 2px 0 2px;text-align:left;}
.footer .family_link_layer li a{font-size:12px;color: #666;}
.footer .edu_confirm{position:absolute;right:150px;top: 25px;width: 150px;text-align: center;}
.footer .edu_confirm img{width:37%;margin-bottom: 4px;} /*2020-05-20 수정*/
.no-js.ie7 .footer .edu_confirm{top:10px}
.footer .edu_confirm p span{font-size:10px; display:block; letter-spacing:-1px; text-align: left; color: #666;} /*2020-05-20 수정*/
.footer .family_link button{width: 152px;height: 22px;background: url('../../images/global/btn_family_link.png') no-repeat;vertical-align: middle;}
.footer .area_link>a{display:inline-block;*display:inline;*zoom:1;}

/* 모바일 태블릿 */
@media screen and (max-width: 979px){
#Header .container{width:100%;min-width:100%}
.inner{width:100%;z-index:auto} /* 2017-03-14 라인수정 */
.footer{background:url('../../images/global/bg_m_footer.gif') repeat;}
.footer .wrap_policy .policy a{margin-right:3px;padding-left:3px;color:#656565;}
}

/* 태블릿 */
@media screen and  (min-width: 751px) and (max-width:979px){
.container{width:auto}
.ta-block{display:block}
.mot-block{display:block}
.pc-block{display:none}
#Header .area_global .area_gnb ul li a, #Header .area_global .area_gnb ul li .slash{color:#666}
#Header .area_global .area_gnb select{color:#666}
.no-js.ie7 #Header .area_global .area_util ul li img{margin-top:-12px}
.footer{color:#4a4a4a}
.footer strong{font-weight:bold}
.footer address{padding-top:3px}
.footer address p{margin-bottom:40px}
.footer .area_link,.footer .edu_confirm{position:absolute; top:42%; }
.footer .edu_confirm{right:auto}
.footer .area_link{right:3%}
.footer .area_link .bn_footer{float:left;width:122px;margin-right:0}
.footer .edu_confirm{display:block;overflow:hidden}
.footer .edu_confirm img{float:left;width:auto}
.footer .edu_confirm p{float:left;margin:7px 0 0 16px}
.footer .edu_confirm p span{font-size:13px}
.footer .wrap_policy .inner{ padding:10px 3.28% 20px}
.footer .policy a, .footer .edu_confirm{font-size:13px;color:#4a4a4a}
.footer .area_author{padding-top:0;font-size:13px}
.footer .area_link .call_help>a p{display:inline-block;font-size:16px;vertical-align: middle;line-height:14px}
.footer .area_link .call_help>a p span{font-size:7px}
.footer .area_author address .copyright{width:100%;padding-top:25px;text-align:center;}
.footer .area_link, .footer .edu_confirm{position:absolute;top: 47%;width: auto;}
.footer .area_link .family_link{display:inline-block;padding-bottom: 0;}

/* 2017-03-03  footer : EBS  소개 강조 */
.footer .wrap_policy .policy p:first-child a:first-child{padding:0;font-weight:normal;border:none}
}

/* 모바일 */
@media screen and (max-width: 750px){
.mob_hidden{display:none !important}
.pct-block{display:none}
.mob-block{display:block !important}
.mob-ib{display:inline-block !important}
.pc-block,.ta-block,.pct-block{display:none}
.mot-block{display:block}
#Header .area_global .area_util{border:0}
.secContents .m_reviews{display:block}
#Header .area_global .area_gnb{padding-right:10px}
#Header .area_global .area_gnb ul li{display:none;}
#Header .area_global .area_gnb ul li:first-child{display:block;margin-right:7px}
#Header .area_global .area_gnb ul li:first-child a{color:#333;font-family:'Noto Sans KR','맑은 고딕','Malgun Gothic'}
#Header .area_global .area_gnb ul .form.form2{display:block;padding-left:7px}

.footer .edu_confirm{display:none}
.footer .wrap_policy .policy{margin-top:0;padding-top:10px;text-align:center;line-height:15px}
.footer .policy span.pct-block{display:none}
.footer .wrap_policy .inner{text-align:center;}
.footer .area_author{padding-top:5px}
.footer .area_author address span{display:block;background:none}
.footer .area_link{position:static;}
.footer .family_link button{width: 96px;height: 16px;background: url('../../images/global/btn_family_link2.gif') no-repeat;background-size:96px 16px;vertical-align: middle;}
.footer .area_link>a.pct-block{display:none}
.footer .area_link .family_link{display:inline-block;padding-bottom: 0;}
.footer .area_link .call_help{display: inline-block;margin-left:5px;text-align:right;font-size: 12px;vertical-align: middle;}
.footer .area_link .call_help>a{line-height:11px}
.footer .area_link .call_help>a img{width:26px;margin:0}
.footer .area_link .call_help>a p{font-size:12px;line-height:12px}
.footer .area_link .call_help>a p span{font-size:8px}
.footer address{padding-top:0}




/* 2017-03-03  footer : EBS  소개 강조 */
.footer .wrap_policy .policy p:first-child a:first-child{padding:0;font-weight:normal;border:none}

}

 /* pc 태블릿 공통 */
@media screen and  (min-width:751px){
.m-none{display:block}
.scrollCon{display:none}
.pct-block{display:block}
.m-screen_out{overflow:hidden;position: absolute;width: 0;height: 0;line-height: 0;text-indent: -9999px;}
#Header .container{min-width:auto}
/*my_버튼*/
.btn_i_my{width:39px;height:19px;font-size:14px}

/* HTM 메뉴 */
.secContents .main_html.rwd_html>div{width:100% !important}
}


/****************** sns 공유하기 ******************/
body.scroll_off {overflow-y:hidden;}
.sns_wrap {position:fixed;top:0;left:0;width:100%;height:100%;z-index:10001;}
.sns_wrap .sns_dim {position:fixed;top:0;left:0;width:100%;height:100%;opacity:0.5;filter: alpha(opacity=53);background:#000;text-indent:-9999em;line-height:-9999px;}

.layer_wrap {position:absolute;top:50%;left:50%;z-index:9999;width:300px;height:300px;margin:-150px 0 0 -150px;background:#fff;}
.layer_wrap * {box-sizing: content-box;}
.layer_wrap .layer_header {position:relative;height:30px;padding:12px 10px 7px 10px;border-bottom:1px solid #e5e5e5;}/* 2017-07-31 */
.layer_wrap .layer_header h1 {font-size:17px;color:#000;}
.layer_wrap .layer_header a.btn_close {position:absolute;top:15px;right:15px;background:url("https://static.ebs.co.kr/www/common/img/btn_close_x.gif") no-repeat left top;text-indent:-9999em;line-height:999px;width:20px;height:20px;}/* 2017-07-31 */

.layer_wrap .layer_content {padding:23px 0 0 12px;border-bottom:1px solid #e5e5e5;position:relative; overflow:hidden;}
.layer_wrap .layer_content ul {overflow:hidden;}
.layer_wrap .layer_content ul li {float:left;width:71px;height:66px;margin-bottom:20px;}
.layer_wrap .layer_content ul li a {display:block;text-align:center;}
.layer_wrap .layer_content ul li a span {display:block;padding-top:50px;background:url("https://static.ebs.co.kr/www/common/img/spt_sns.png") no-repeat;font-size:12px;color:#181818;letter-spacing:-1px; text-indent: -4px;}
.layer_wrap .layer_content ul li a.spt_kakaostory span {background-position:11px 0;}
.layer_wrap .layer_content ul li a.spt_facebook span {background-position:-59px 0;}
.layer_wrap .layer_content ul li a.spt_band span {background-position:11px -72px;}
.layer_wrap .layer_content ul li a.spt_blog span {background-position:-59px -72px;}
.layer_wrap .layer_content ul li a.spt_tiwtter span {background-position:11px -142px;}
.layer_wrap .layer_content ul li a.spt_kakaotalk span {background-position:-59px -142px;}
.layer_wrap .layer_content ul li a.spt_line span {background-position:10px -209px;}
.layer_wrap .layer_content ul li a.spt_urlcopy span {background-position:-59px -209px;}
.layer_wrap .layer_content ul .sns_pc_none {display:none;}

.layer_wrap .layer_btn {padding:10px 0;}
.layer_wrap .layer_btn a {margin:0 auto;display:block;width:61px;height:30px;line-height:31px;}
.layer_wrap .layer_btn span {display:inline-block;width:100%;font-size:15px;color:#fff;background:#4F8ABF;border-radius:7px;font-weight:bold;text-align:center;}
.layer_wrap .layer_content #sns_inputlink {position:absolute;top:-9999em;}

.sns_dim01 {position:fixed;top:0;left:0;width:100%;height:100%;opacity:0.5;background:#000;filter: alpha(opacity=53);text-indent:-9999em;line-height:-9999px;z-index:13;}
.sns_wrap.ifm .layer_wrap {top:0;margin-top:135px;}



/* AOD 연속재생 팝업 스타일 추가 2017-08-18 */
.popup_follow_listen {width:816px;}
.popup_follow_listen .con_box {background:url('/common/img/skin1/service/bg_con_box772.gif') no-repeat 0 0 !important; width:100%;}
.popup_follow_listen .con_box .wrap { padding:0 0 12px; background:url('/common/img/skin1/service/bg_con_box772.gif') no-repeat 0 100% !important; }
.popup_follow_listen .con_box .wrap .list {padding:0 20px;}
.popup_follow_listen .con_box .wrap .list strong {color:#2e2e2e;}
.popup_follow_listen .con_box .wrap .list .point_txt {color:#007fc4;font-weight:bold;}
.popup_follow_listen .aod_area {margin:15px 0 0;}
.popup_follow_listen .aod_area .body { width:756px; padding:4px 7px; border:1px solid #dadada; }
.popup_follow_listen .aod_area .body .body_in {width:742px;padding:10px 7px; background:#fff url('/common/img/skin4/service/bg_playbox_body_in.gif') repeat-x 0 -35px;}
.popup_follow_listen .data_list { margin:15px 0 0; position:relative; width:100%;}
.popup_follow_listen .data_list table { width:100%; border-top:1px solid #bcc8cf; border-left:1px solid #bcc8cf; }
.popup_follow_listen .data_list table th,
.popup_follow_listen .data_list table td {border-right:1px solid #bcc8cf; border-bottom:1px solid #bcc8cf;}
.popup_follow_listen .data_list table thead th { padding:5px 0; text-align:center; font-weight:bold; color:#222; background:#e4edf2; border-left:1px solid #c9c9c9; }
.popup_follow_listen .data_list table tbody td { padding:5px 0;padding:2px 0 1px; text-align:center; border-top:1px solid #c9c9c9; border-left:1px solid #c9c9c9;color:#222; }
.popup_follow_listen .data_list table tbody td .txtL {display:inline-block;*display:inline;*zoom:1;overflow:hidden;text-overflow:ellipsis;width:265px;padding:5px 10px;text-align:left;white-space:nowrap;}
.popup_follow_listen .data_list table tbody td a {color:#333;}
.popup_follow_listen .data_list table tbody td a.aod_on {color:#007fc4;font-weight:bold;}
.popup_follow_listen .data_list table tbody td a.aod_none {color:#ccc;text-decoration:none;cursor:default;}
.popup_follow_listen .data_list table tbody .btn_grp {display:inline-block;*display:inline;*zoom:1;width:15px;padding-top:2px;}
.popup_follow_listen .data_list table tbody .btn_grp a {display:inline-block;*display:inline;*zoom:1;margin-bottom:2px;margin-bottom:0;}
.popup_follow_listen .btn_area {overflow:hidden;margin:12px 0 0;}
.popup_follow_listen .btn_area .fL {float:left;}
.popup_follow_listen .btn_area .fR {float:right;}
.popup_follow_listen .btm_line {position:fixed;left:0;bottom:0;width:100%;height:5px;background:#405e86;}


/* 유튜브 iframe IE에서 분기처리 20200227 */
.ieBox_wrap {text-align:center}
.ieBox_wrap .ieBox_wrap{display:none;}
.ieBox_wrap img{width:100%; max-width:560px;}