@charset "utf-8";
/* CSS Document */

/* 20190213_오픈잉글리쉬 리뉴얼 메인 */

/* 공통 */
.mt20 { margin-top:20px;}
.mt70 { margin-top:70px;}
.mt50 { margin-top:50px;}
.mt58 { margin-top:58px;}
/* 좌측 메뉴 */
.leftMenu{position: fixed; width:67px; background-color:#e9eef1; border-right:1px solid #ced9df; height:100%; z-index:400;}
.leftMenu .logo{ height:110px; background-color:#fff;}
.leftMenu .logo img{ display:block; width:80%; text-align:center; margin-left:auto; margin-right:auto; padding-top:29px;}
.leftMenu li{ height:61px; border-bottom:1px solid #ced9df;}
.leftMenu li p{ display:block; text-align:center; height:100%; margin-left:auto; margin-right:auto; }
.leftMenu li p.qIcn{ width:31px; height:28px; background-repeat:no-repeat; background-size:31px auto;}
.leftMenu li p.qTxt{ text-align:center; font-size:12px; line-height:13px; color:#a3a7b0; }
.leftMenu li.on{background-color:#23b4ff;transition: all 0.5s}

.leftMenu li.logo{background-color:#ffffff;}
.leftMenu li.on p.qTxt{color:#fff;}
.leftMenu li p.qIcn_01{background:url(/images/new/qIcn_01.png) center 2px; background-repeat:no-repeat;}
.leftMenu li p.qIcn_02{background:url(/images/new/qIcn_02.png) center 7px; background-repeat:no-repeat;padding-top:9px}
.leftMenu li p.qIcn_03{background:url(/images/new/qIcn_03.png) center 7px; background-repeat:no-repeat;padding-top:9px}
.leftMenu li p.qIcn_04{background:url(/images/new/qIcn_04.png) center 7px; background-repeat:no-repeat;padding-top:9px}
.leftMenu li p.qIcn_05{background:url(/images/new/qIcn_05.png) center 9px; background-repeat:no-repeat;padding-top:12px}
.leftMenu li p.qIcn_06{background:url(/images/new/qIcn_06.png) center 3px; background-repeat:no-repeat;padding-top:3px}

.leftMenu li.on p.qIcn_01{background:url(/images/new/qIcn_01_on.png) center 2px; background-repeat:no-repeat;}
.leftMenu li.on p.qIcn_02{background:url(/images/new/qIcn_02_on.png) center 7px; background-repeat:no-repeat;padding-top:9px}
.leftMenu li.on p.qIcn_03{background:url(/images/new/qIcn_03_on.png) center 7px; background-repeat:no-repeat;padding-top:9px}
.leftMenu li.on p.qIcn_04{background:url(/images/new/qIcn_04_on.png) center 7px; background-repeat:no-repeat;padding-top:9px}
.leftMenu li.on p.qIcn_05{background:url(/images/new/qIcn_05_on.png) center 9px; background-repeat:no-repeat;padding-top:12px}
.leftMenu li.on p.qIcn_06{background:url(/images/new/qIcn_06_on.png) center 3px; background-repeat:no-repeat;padding-top:3px}

/* 탑 네비게이션 */
#header{ position:relative; width:100%; height:110px; z-index:300; border-bottom:1px solid #ced9df; background-color:#fff;}
#topArea{ position:relative; width:100%; height:40px; background-color:#23b4ff;}
.top{ position:relative; width:1200px; margin-left:auto; margin-right:auto;}
.top:after{ content:""; display:block; clear:both;}
.top ul{ position:absolute; top:0px; right:0px;}
.top li{ float:left; font-size:12px; line-height:40px; padding-right:10px; padding-left:10px; border-right:1px solid #afe4ff; line-height:12px; margin-top:13px; text-align:right;}
.top li:first-child{ padding-left:0;}
.top li:last-child{ border:none;}
.top li a{color:#fff;}

#gnbArea{ position:relative; width:1200px; margin-left:auto; margin-right:auto; z-index:300;}
.gnb{ position:absolute; top:25px; left:90px;}
.gnb li:after{ content:""; display:block; clear:both;}
.gnb li{ float:left; }
.gnb a.tit{ display:block; font-size:18px; color:#444; width:80px; padding-right:45px; padding-left:45px; text-align:center; padding-bottom:50px;font-weight:500 }

.gnb a.tit.new{padding-right:38px; padding-left:38px; }

.gnb li .sub{  position:absolute; top:43px; display:none; width:162px; border-top:3px solid #23b4ff; background-color:#fff; padding-top:20px; padding-bottom:20px;box-shadow:0px 3px 20px -0px rgba(0,0,0,.1) }
.gnb li .sub li{ width:100%;text-align:center;padding-top:5px; padding-bottom:8px}
.gnb li .sub li a{ font-size:16px; color:#555; text-align:left;font-weight:300}
.gnb li .sub li a:hover{ color:#23b4ff}
.gnb li:hover a{ color:#23b4ff; }
.gnb li:hover .sub{ display:block;transition: all 0.5s}


#container { background:none;}

/* 메인슬라이드 */
.mainSlide{ position:relative; margin-bottom:10px;}

.ms_img{position:relative; width:100%; height:510px; background:url(/images/new/mainVisual_01.jpg) center no-repeat; background-size:cover}
/*
.ms_img img{ height:auto;}
.ms_img .bg_pc{ display:block;}
.ms_img .text .t3{ display:block; margin-top:20px; width:140px; border:1px solid #fff; margin-left:auto; margin-right:auto; padding-top:8px; padding-bottom:6px;}
.ms_img .text{ position:absolute; top:50%; transform:translateY(-50%); left:15px; right:15px; text-align:center; background-color:#fc6; }
.ms_img .text a{ color:#fff;}
.ms_img .text .t1{ margin-bottom:15px; font-size:22px; line-height:28px;}
.ms_img .text .t2{ font-size:15px;}
.ms_img .text .t3{ display:none;}
*/
.ms_pager{ position:absolute; bottom:20px; left:0; width:100%;  text-align:center;}
.ms_pager li{ display:inline-block; vertical-align:top; width:8px; height:8px; margin-right:12px; text-indent:-9999px; background-image:url(/images/new/pager.png); background-repeat:no-repeat; background-size:8px auto;}
.ms_pager li:last-child{margin-right:0;}
.ms_pager .active{ width:20px; height:20px; background-image:url(/images/new/pager_on.png); background-size:20px auto; margin-top:-6px;}

/* 메인배너 + 퀵 메뉴 */
.mainConArea{position:absolute;width:1016px; top:195px; left:0;right:0;margin-left:auto;margin-right:auto; z-index:200;}
.mainConArea .mainContents{ width:1012px; height:326px; border:2px solid #ffffff; box-shadow:90%;}
.mainConArea .mainContents .mainBn{ position:relative; width:757px; height:326px; display:none}


.bnPager{ position:absolute; left:30px; bottom:10px;}
.bnPager ul:after{ content:""; display:block; clear:both;}
.bnPager li{ display:inline-block; width:12px; height:12px; margin-right:8px; margin-top:8px; text-indent:-9999px; background-image:url(/images/new/pager.png); background-repeat:no-repeat; background-size:12px;}
.bnPager li:last-child{margin-right:0;}
.bnPager .active{ width:12px; height:12px; background-image:url(/images/new/pager_on.png); background-size:12px;}

.mainConArea .mainContents ul:after{ content:""; display:block; clear:both;}
.mainConArea .mainContents ul{ float:left; display:block;}
.mainConArea .mainContents ul.quickMenu{ width:255px;}
.mainConArea .mainContents ul .tit{  text-align:left;background-color:#f65b7b; color:#fff000; font-size:20px; line-height:24px; letter-spacing:-1px; padding:16px 0 17px 10px;}
.mainConArea .mainContents ul .tit span{ text-align:left; display:block; color:#fff; font-size:14px;}
.mainConArea .mainContents ul.quickMenu ul{width:255px; background-color:#2db8f1;}
.mainConArea .mainContents ul.quickMenu ul li{text-align:left}
.mainConArea .mainContents ul.quickMenu li a{ padding-left:90px; color:#fff; line-height:48px; border-bottom:1px solid #49c7f7;}
.mainConArea .mainContents ul.quickMenu li a.m1{display:block;background-image:url(/images/new/quickMenuIcn_01.jpg);background-size:68px auto;background-repeat:no-repeat;background-position:7px 5px;}
.mainConArea .mainContents ul.quickMenu li a.m2{display:block;background-image:url(/images/new/quickMenuIcn_02.jpg);background-size:68px auto;background-repeat:no-repeat;background-position:5px 5px;}
.mainConArea .mainContents ul.quickMenu li a.m3{display:block;background-image:url(/images/new/quickMenuIcn_03.jpg);background-size:68px auto;background-repeat:no-repeat;background-position:5px 5px;}
.mainConArea .mainContents ul.quickMenu li a.m4{display:block;background-image:url(/images/new/quickMenuIcn_04.jpg);background-size:68px auto;background-repeat:no-repeat;background-position:5px 5px;}
.mainConArea .mainContents ul.quickMenu li a.m5{display:block;background-image:url(/images/new/quickMenuIcn_05.jpg);background-size:68px auto;background-repeat:no-repeat;background-position:5px 5px;}
.mainConArea .mainContents ul.quickMenu li a img{ position:relative; top:18px; left:135px;}

/* 인트로 설명 */
.intro{ position:relative; width:1200px; margin-left:auto; margin-right:auto; background-color:#fff; padding-top:107px;}
.intro p.mTit01{ margin-bottom:12px; text-align:center; font-size:23px; letter-spacing:-1px; color:#0094e0; line-height:90px; text-decoration:underline; font-weight:bold;}
.intro p.mTit01{display:block; 
background-image:url(/images/new/titBookIcn.png);
background-size:28px auto; 
background-repeat:no-repeat;
background-position:center top}
.intro p.t1{text-align:center; font-size:33px; line-height:45px; color:#000; letter-spacing:-1px; font-weight:bold;margin-left:40px}
.intro p.t2{margin-bottom:0px; text-align:center; font-size:26px; line-height:38px; color:#000; letter-spacing:-1px; padding-bottom:70px;}

.intro .centerMenu{ width:480px; height:135px; margin-left:auto; margin-right:auto; padding-left:30px; }
.intro .centerMenu:after{ content:""; display:block; clear:both;}
.intro .centerMenu div{ position:relative; float:left; width:135px; height:135px; background-repeat:no-repeat; padding-right:30px; opacity:0;}
.intro .centerMenu div:last-child{padding-right:0;}
.intro .centerMenu a{ margin-left:20px;
background-size:135px auto; 
background-repeat:no-repeat;
background-position:top center;}
.intro .centerMenu .cMenu01{background-image:url(/images/new/centerMenu_bgBlue.png);}
.intro .centerMenu .cMenu01 .cMenuIcn01{ width:42px; height:50px; width:100%; padding-top:15px;
background-image:url(/images/new/centerMenu_icn01.png);
background-size:42px auto; 
background-repeat:no-repeat;
background-position:center;}
.intro .centerMenu .cMenu01 .cMenuTxt{ position:absolute; left:37px; bottom:30px; font-size:16px; color:#fff;}
.intro .centerMenu .cMenu02{background-image:url(/images/new/centerMenu_bgRed.png);}
.intro .centerMenu .cMenu02 .cMenuIcn02{ width:42px; height:50px; width:100%; padding-top:15px;
background-image:url(/images/new/centerMenu_icn02.png);
background-size:42px auto; 
background-repeat:no-repeat;
background-position:center;}
.intro .centerMenu .cMenu02 .cMenuTxt{ position:absolute; left:37px; bottom:30px; font-size:16px; color:#fff;}
.intro .centerMenu .cMenu03{background-image:url(/images/new/centerMenu_bgBlue.png);}
.intro .centerMenu .cMenu03 .cMenuIcn03{ width:42px; height:50px; width:100%; padding-top:15px;
background-image:url(/images/new/centerMenu_icn03.png);
background-size:42px auto; 
background-repeat:no-repeat;
background-position:center;}
.intro .centerMenu .cMenu03 .cMenuTxt{ position:absolute; left:34px; bottom:30px; font-size:16px; color:#fff;}

/* 도트 이펙트 */
.effect{ width:1200px; margin-left:auto; margin-right:auto;}
.effectDot p{ display:block; width:10px; height:10px; padding-bottom:10px; overflow:hidden; margin:0 auto; text-align:center;}

/* 영치법 설명 */
.intro2{width:1200px; margin-left:auto; margin-right:auto;padding-top:120px}
.intro2 p.tit{ font-size:40px; color:#585858; letter-spacing:-2px; text-align:center; margin-top:55px; line-height:45px;}
.intro2 p.tit span{ font-weight:700;}
.intro2 p.tit strong{font-weight:700;color:#ff4f02}


.intro2 p.subtit{font-size:15px; color:#585858; letter-spacing:-1px; text-align:center; margin-top:10px;}
.intro2 p img{ margin-top:35px;}
.intro3{background-image:url(/images/new/bg_intro2.jpg);margin-top:35px}
.intro3 div img{width:1200px; margin-left:auto; margin-right:auto;}
/* 추천콘텐츠 */
.recom{ position:relative; width:1200px; margin-left:auto; margin-right:auto; background-color:#fff; }
.recom p.mTit01{ margin-bottom:15px; text-align:center; font-size:23px; letter-spacing:-1px; color:#0094e0; line-height:90px; text-decoration:underline; font-weight:bold;}
.recom p.mTit01{display:block; 
background-image:url(/images/new/titBookIcn.png);
background-size:28px auto; 
background-repeat:no-repeat;
background-position:center top}
.recom p.t1{margin-bottom:50px; text-align:center; font-size:33px; line-height:45px; color:#000; letter-spacing:-1px; font-weight:bold;}
.recom p.t1 span{ font-weight:normal;}
.recomContents{ width:1200px; clear:both; padding-bottom:20px;}
.recomContents ul:after{content:""; display:block; clear:both;}
.recomContents ul{  border:1px solid #e1e1e1;}
.recomContents li{ float:left;}
.recomContents .bookArea01{ width:33.333%; height:540px; border-right:1px solid #e1e1e1; padding-top:40px; padding-bottom:10px; }
.recomContents .bookArea01 p{ display:block; text-align:center; margin:0 auto;}
.recomContents .bookArea01 p img{border:1px solid #e1e1e1}
.recomContents .bookArea01 p.t1{ font-size:20px; padding-top:35px; padding-bottom:10px;width:80%;text-overflow: ellipsis;overflow:hidden;white-space:nowrap;}
.recomContents .bookArea01 p.line{ width:56px; height:5px;
background-image:url(/images/new/effect_blueline.png);
background-size:56px auto; 
background-repeat:no-repeat;}
.recomContents .bookArea01 p.t3{font-size:14px; color:#000; line-height:16px; padding-top:15px;margin-bottom:15px; height:32px;width:90%;text-overflow: ellipsis;overflow:hidden;white-space:nowrap;}
.recomContents .bookArea02{ width:33%; height:540px;  padding-top:40px; padding-bottom:10px;border-right:1px solid #e1e1e1;}
.recomContents .bookArea02 ul{ display:block; float:left; margin-bottom:30px; margin-left:60px; border:none; }
.recomContents .bookArea02 li{ border:none; height:140px;}
.recomContents .bookArea02 li.text{ padding-left:20px; padding-top:10px;}
.recomContents .bookArea02 li p{ display:block;}
.recomContents .bookArea02 li a img{border:1px solid #e1e1e1}
.recomContents .bookArea02 li p.t4{text-align:left; font-size:13px; color:#00a0de; margin-bottom:10px;}
.recomContents .bookArea02 li p.t5{ text-align:left;font-size:16px;color:#000; margin-bottom:5px;width:190px;text-overflow: ellipsis;overflow:hidden;white-space:nowrap;}
.recomContents .bookArea02 li p.t6{text-align:left; font-size:13px;color:#000;width:190px;text-overflow: ellipsis;overflow:hidden;white-space:nowrap;}
.recomContents .bookArea02 li p.btnMore_s{ text-align:left;padding-top:10px;}
.pager ul{text-align:center;}
.pager li{ display:inline-block; width:13px; height:13px; margin-right:10px; margin-top:10px; text-indent:-9999px; background-image:url(/images/new/pager.png); background-repeat:no-repeat; background-size:13px;}
.pager li:last-child{margin-right:0;}
.pager .active{ width:13px; height:13px; background-image:url(/images/new/pager_on.png); background-size:13px;}

/* 슬라이드 콘텐츠 */
.slide{ position:relative; margin-top:50px; width:100%; height:450px; background-image:url(/images/new/bg_contents.png); background-repeat:repeat-y; }
.slide:after{content:""; display:block; clear:both;}
.slide .slideBtn{ position:absolute; top:50%; transform:translateY(-50%); left:20px; right:20px; z-index:100;}
.slide .slideBtn a p{ display:block; width:39px; height:39px; background-repeat:no-repeat; background-size:39px;}
.slide .slideBtn a p.btnL{background-image:url(/images/new/btn_left.png); margin-left:14%;}
.slide .slideBtn a p.btnR{background-image:url(/images/new/btn_right.png); margin-left:80%;}
.slide .conBoxArea{width:1200px; top:18%;margin:0 auto;}
.slide .conBoxArea div{ }
.slide .conBoxArea .conBox{width:280px; height:390px; text-align:center; float:left;margin-left:5.5px;}
.slide .conBoxArea .conBox ul{ width:280px;border:1px solid #fff }
.slide .conBoxArea .conBox ul:hover{ margin-top:-10px;box-shadow:3px 3px 10px 1px rgba(0,0,0,.5);transition: all 0.5s}
.slide .conBoxArea .conBox ul:after{content:""; display:block; clear:both;}

.slide .conBoxArea .conBox li.tit {width:280px; padding-top:40px; padding-bottom:30px;background-color:#fff; }
.slide .conBoxArea .conBox li.tit .text01{ color:#0030ff; font-size:28px; letter-spacing:-1.5px;font-weight:500}
.slide .conBoxArea .conBox li.tit .text02{ color:#6f6f6f; padding-top:10px;font-size:14px }
.slide .conBoxArea .conBox li.conImg{ height:170px; background-position:center; background-repeat:no-repeat; background-size:280px auto;}
.conBg01{background-image:url(/images/new/conBg01.jpg);}
.conBg02{background-image:url(/images/new/conBg02.jpg);}
.conBg03{background-image:url(/images/new/conBg03.jpg);}
.conBg04{background-image:url(/images/new/conBg04.jpg);}
.conBg05{background-image:url(/images/new/conBg05.jpg);}
.conBg06{background-image:url(/images/new/conBg06.jpg);}
.conBg07{background-image:url(/images/new/conBg07.jpg);}

/* 배너_구입하기 */
.bnArea{margin-top:1px; width:100%; height:88px; background-image:url(/images/new/bg_bnArea.jpg); background-repeat:no-repeat; background-position:center; clear:both; }
.bnArea p{width:1200px; margin-left:auto; margin-right:auto;}
.bnArea p img{ text-align:center; width:100%; height:auto;}

/* 소개 단락 */
.introduce{ width:100%;margin-top:87px }
.introduce p{ position:relative; height:785px; background-image:url(/images/new/img_intro3.jpg); background-repeat:no-repeat; background-position:center; }

/* 리얼 후기 */
.review{ position: relative; width:100%; margin-left:auto; margin-right:auto; text-align:center; margin-top:100px;}
.review p.mTit02{ margin-bottom:20px; text-align:center; font-size:23px; letter-spacing:-1px; color:#0094e0; line-height:90px; text-decoration:underline; font-weight:bold;}
.review p.mTit02{display:block; 
background-image:url(/images/new/titBookIcn.png);
background-size:28px auto; 
background-repeat:no-repeat;
background-position:center top}
.review .reviewBox{ background-color:#e2edf1; width:100%; height:600px;}
.review .reviewBox div{ position: absolute;width:1200px; top:25%; left:0;right:0;margin-left:auto;margin-right:auto;background-image:url(/images/new/bg_bnLine.jpg); background-repeat:no-repeat; background-position:center;}
.review .reviewBox div ul{ width:50%; margin-top:20px; float:left;}
.review .reviewBox div li{ margin-bottom:30px; width:50%;}
.review .reviewBox div li.bgBlue_l{background-image:url(/images/new/bg_review_b_l.png); margin-left:150px;}
.review .reviewBox div li.bgBlue_r{background-image:url(/images/new/bg_review_b_r.png); margin-left:30px; margin-top:50px;}
.review .reviewBox div li.bgWhite_l{background-image:url(/images/new/bg_review_w_l.png); margin-left:150px;}
.review .reviewBox div li.bgWhite_r{background-image:url(/images/new/bg_review_w_r.png);margin-left:30px; }
.review .reviewBox div li.reviewTxt{ position:relative; width:426px; height:173px;  background-repeat: no-repeat; background-size:426px auto;}
.review .reviewBox div li.reviewTxt .reviewDotL{position:absolute; right:-33px; top:76px; display:block; width:18px; height:18px; border-radius:9px; background-color:#0598dd;}
.review .reviewBox div li.reviewTxt .reviewDotR{position:absolute; left:-39px; top:76px; display:block; width:18px; height:18px; border-radius:9px; background-color:#0598dd;}
.review .reviewBox div li.reviewTxt .tit_wL{ width:350px; padding-top:30px; padding-left:20px; font-size:20px; color:#42a5e4; font-weight:bold; text-align:left; }
.review .reviewBox div li.reviewTxt .txt_wL{ width:350px; padding-top:10px; padding-left:20px; font-size:14px; text-align:left;}
.review .reviewBox div li.reviewTxt .id_wL{ position:absolute; bottom:15px; right:60px; font-size:14px; text-align:right;}
.review .reviewBox div li.reviewTxt .tit_bL{ width:350px; padding-top:30px; padding-left:20px; font-size:20px; color:#fffc11; font-weight:bold; text-align:left; }
.review .reviewBox div li.reviewTxt .txt_bL{ width:350px; padding-top:10px; padding-left:20px; font-size:14px; text-align:left; color:#fff;}
.review .reviewBox div li.reviewTxt .id_bL{ position:absolute; bottom:15px; right:60px; font-size:14px; text-align:right; color:#fff;}
.review .reviewBox div li.reviewTxt .tit_wR{ width:350px; padding-top:30px; padding-left:50px; font-size:20px; color:#42a5e4; font-weight:bold; text-align:left; }
.review .reviewBox div li.reviewTxt .txt_wR{ width:350px; padding-top:10px; padding-left:50px; font-size:14px; text-align:left;}
.review .reviewBox div li.reviewTxt .id_wR{ position:absolute; bottom:15px; right:30px; font-size:14px; text-align:right;}
.review .reviewBox div li.reviewTxt .tit_bR{ width:350px; padding-top:30px; padding-left:50px; font-size:20px; color:#fffc11; font-weight:bold; text-align:left; }
.review .reviewBox div li.reviewTxt .txt_bR{ width:350px; padding-top:10px; padding-left:50px; font-size:14px; text-align:left; color:#fff;}
.review .reviewBox div li.reviewTxt .id_bR{ position:absolute; bottom:15px; right:30px; font-size:14px; text-align:right; color:#fff;}

/* 푸터 */
#footer{ text-align:left;padding-top:30px; padding-bottom:50px; background-color:#0f414d; color:#bbb; margin-top:100px;}
#footerin{ position:relative; width:1200px; margin-left:auto; margin-right:auto;}
#footer .customer{ position:absolute; top:85px; right:0; width:420px;}
#footer .link{ position:absolute; top:0; right:0; width:420px;}
#footer .link ul.info li.list a{font-size:14px;color:#d1d1d1;font-weight:300;}
#footer .link ul.info li.kan{border-right:1px solid #d1d1d1;width:1px;height:12px;margin-top:4px}
#footer .link ul.info li.list strong{font-weight:500;color:#FFF}
#footer .customer p,#footer .link p{ display:block; color:#cffa48; font-size:16px;font-weight:500}
#footer .customer li,#footer .link li{ float:left;margin-left:7px}
#footer .customer .num{ font-size:25px; line-height:30px; letter-spacing:0px; color:#fff; font-weight:300;}
#footer .customer .time{ font-size:15px; padding-top:9px; padding-left:5px;font-weight:200;color:#cacaca;padding-right:80px}
#footer .customer ul:after{content:""; display:block; clear:both;}

#footer .customer .info,#footer .link .info{ padding-top:3px; margin-top:4px;  border-top:1px solid #27545f;margin-left:-10px}
#footer .customer .info li.sns{padding:6px 0px 0px 0px }




.f_info{ margin:15px; font-size:12px; color:#c9c9c9;}
.f_info .f_logo{ padding-bottom:20px;}
.f_info span{  font-size:12px; display:block;font-weight:200;letter-spacing:0px}
.f_info a{  font-size:12px;color:#c9c9c9;opacity:1;}
.copyright{ margin-left:15px; margin-right:15px;font-size:12px; color:#c9c9c9;font-weight:200;letter-spacing:0px;padding-top:15px}




.auth_info{width: 68px;height: 24px;background: #eef7fb;border: 1px solid #cdd8dc; color: #7092a1;padding:2px 10px;font-size:12px;font-weight:300;margin-right:7px}


.play-button {
  background-color: #0c91c9;
  position: absolute;
  margin: 0;
  border-radius: 3;
  border:1px solid #076085;
  width: 85px;
  height: 85px;
  bottom: 0;
  left: 44%;
  top: 45%;
  /*top: auto;*/
  box-shadow: none;
  transition: background-color .5s ease;
}

.thums{box-shadow: 0px 2px 4px 0px #575757}

.thums:hover{box-shadow: 0px 2px 10px 0px #575757}


.video-popup .video-wrapper iframe{border:0px solid #4b4b4b;box-shadow: 0px 3px 20px 0px #202020}





/* 190628 e미디어관 메인*/
.main_media{ padding-top:50px;}
.main_media_tit{position:relative; width:1200px; margin-left:auto; margin-right:auto; background-color:#fff; }
.main_media_tit .mTit{ margin-bottom:40px; text-align:center; font-size:23px; letter-spacing:-1px; color:#0094e0; line-height:90px; text-decoration:underline; font-weight:bold;
display:block; background-image:url(/images/new/titBookIcn.png); background-size:28px auto; background-repeat:no-repeat; background-position:center top}

.main_media_con{ width:100%; background-color:#f5f5f5; padding-top:50px;}
.main_media_con .media_con_bar{ width:1200px; background-color:#fff; margin-left:auto; margin-right:auto; border:1px solid #e3e3e3;}
.main_media_con .media_con_bar:after{content:""; display:block; clear:both;}
.main_media_con .media_con_bar ul{ float:left; box-sizing:border-box;}
.main_media_con .media_con_bar ul.area1{ width:1135px; height:60px; padding-left:20px; padding-top:17px;}
.main_media_con .media_con_bar ul.area1 li{ float:left; margin-right:10px;}
.main_media_con .media_con_bar ul.area1 li a{ display:block; font-size:14px; color:#929292; border:1px solid #cccccc; border-radius:30px; padding:3px 15px;}
.main_media_con .media_con_bar ul.area1 li a.active{ background-color:#33c1e7; border:1px solid #33c1e7; color:#ffffff;}
.main_media_con .media_con_bar ul.area1 li a:hover{ background-color:#33c1e7; border:1px solid #33c1e7; color:#ffffff;}

.main_media_con .media_con_bar ul.area2{ border-left:1px solid #e3e3e3; width:64px; height:60px; background-color:#fff;}
.main_media_con .media_con_bar ul.area2 a{ display:block; padding-top:17px; text-align:center;}

.main_media_con .media_con_mv{ width:1200px; height:570px; margin-left:auto; margin-right:auto; padding-top:50px;}
.main_media_con .media_con_mv ul{float:left; box-sizing:border-box;}
.main_media_con .media_con_mv ul.mvArea1{ width:630px;}
.main_media_con .media_con_mv ul.mvArea1 p{ display:block;text-align:left; }
.main_media_con .media_con_mv ul.mvArea1 .mvArea1_mv{width:100%; height:450px; background-color:#000}
.main_media_con .media_con_mv ul.mvArea1 .mvArea1_mv a img{width:630px;height:450px}
.main_media_con .media_con_mv ul.mvArea1 .mvArea1_mv a span{position:relative}
.main_media_con .media_con_mv ul.mvArea1 .mvArea1_mv a span img.play{position:absolute;top:350px;right:520px;width:76px;height:76px}
.main_media_con .media_con_mv ul.mvArea1 .mvArea1_mv_tit a{font-weight:400;display:block; font-size:22px; color:#000; line-height:30px; padding-top:20px; padding-bottom:7px;}
.main_media_con .media_con_mv ul.mvArea1 .mvArea1_mv_tit span{ color:#0094e0;}
.main_media_con .media_con_mv ul.mvArea1 .mvArea1_mv_time{ background-image:url(/images/icn_mainMediaMv.png); background-repeat:no-repeat; background-size:19px; padding-left:22px; font-size:13px;line-height:20px}

.main_media_con .media_con_mv ul.mvArea2{ width:570px;}
.main_media_con .media_con_mv ul.mvArea2 .mvArea2_mvBox ul:after{content:""; display:block; clear:both;}
.main_media_con .media_con_mv ul.mvArea2 .mvArea2_mvBox ul{ padding-left:5px;}
.main_media_con .media_con_mv ul.mvArea2 .mvArea2_mvBox ul.row2{ padding-top:42px;}
.main_media_con .media_con_mv ul.mvArea2 .mvArea2_mvBox li{ float:left; padding-left:30px;height:280px}
.main_media_con .media_con_mv ul.mvArea2 .mvArea2_mvBox li:last-child{ padding-right:0;}
.main_media_con .media_con_mv ul.mvArea2 .mvArea2_mvBox p{ display:block;}
.main_media_con .media_con_mv ul.mvArea2 .mvArea2_mvBox .mvArea2_mv{ width:252px; height:170px; background-color:#000;}
.main_media_con .media_con_mv ul.mvArea2 .mvArea2_mvBox .mvArea2_mv a img{ display:block;width:252px;height:100%; }
.main_media_con .media_con_mv ul.mvArea2 .mvArea2_mvBox .mvArea2_mv a span{position:relative}
.main_media_con .media_con_mv ul.mvArea2 .mvArea2_mvBox .mvArea2_mv a span img.play{position:absolute;top:51px;left:-40px;width:76px;height:76px}


.main_media_con .media_con_mv ul.mvArea2 .mvArea2_mvBox .mvArea2_mv_tit{ padding:7px 0;text-align:left; }
.main_media_con .media_con_mv ul.mvArea2 .mvArea2_mvBox .mvArea2_mv_tit a{ display:block; color:#000; font-size:16px;width:240px;overflow:hidden;height: 22px;line-height: 25px;}
.main_media_con .media_con_mv ul.mvArea2 .mvArea2_mvBox .mvArea2_mv_tit span{ display:block; color:#0094e0; font-size:14px; }
.main_media_con .media_con_mv ul.mvArea2 .mvArea2_mvBox .mvArea2_mv_time{text-align:left; background-image:url(/images/icn_mainMediaMv.png); background-repeat:no-repeat; background-size:19px; padding-left:22px; font-size:13px;line-height:20px}

.main_search_btn{width:12px;vertical-align:middle;margin-right:2px;margin-top:-1px}
/* 190628 e미디어관 서브 */
.sub_media{ width:100%; background-color:#fff; padding-bottom:100px;}
.sub_media .sub_media_tit{ background-color:#f0f1f4; padding:60px 0;}
.sub_media .sub_media_tit p{ display:block; font-size:50px; line-height:50px; text-align:center;font-weight:500;}


.sub_media .sub_media_tit .page_navi {
	position:relative;width:1200px;margin:0 auto;
  
}

.sub_media .sub_media_tit .page_navi ul {
    position: absolute;
    right: 0;
    top: 30px;
    text-align: right;
}

.sub_media .sub_media_tit .page_navi ul li {
    display: inline-block;
    color: #999;
    font-size: 14px;
}

.sub_media .sub_media_tit .page_navi ul li span {
    margin: 0 4px;
    color: #b6b6b6;
    font-size: 12px
}

.sub_media .sub_media_tit .page_navi ul li a {
    display: inline-block;
    color: #999;
    letter-spacing: -0.05em;
    font-size: 14px
}

.sub_media .sub_media_tit .page_navi ul li a.on {
    color: #0399db;
}






.sub_media .sub_media_mvArea{ width:1200px; margin-left:auto; margin-right:auto; background-color:#fff; padding-top:70px; padding-bottom:70px; margin:0 auto; border-bottom:1px solid #bcbcbc;}
.sub_media .sub_media_mvArea:after{content:""; display:block; clear:both;}
.sub_media .sub_media_mvArea ul:after{content:""; display:block; clear:both;}
.sub_media .sub_media_mvArea ul{ float:left;}
.sub_media .sub_media_mvArea .sub_mvArea1{width:650px; }
.sub_media .sub_media_mvArea .sub_mvArea1 .sub_mvArea1_mv{ position:relative; display:block; width:100%; height:400px; background-color:#000;}
.sub_media .sub_media_mvArea .sub_mvArea1 .sub_mvArea1_mv img{ width:650px; height:400px;}
.sub_media .sub_media_mvArea .sub_mvArea1 .sub_mvArea1_mv a{ display:block; height:100%;}
.sub_media .sub_media_mvArea .sub_mvArea1 .sub_mvArea1_mv span{ position:absolute; left:25px;color:#43cded; }
.sub_media .sub_media_mvArea .sub_mvArea1 .sub_mvArea1_mv span.txt{ position:absolute; top:40px; display:block; font-size:40px; letter-spacing:-1px;}
.sub_media .sub_media_mvArea .sub_mvArea1 .sub_mvArea1_mv span.play{ position:absolute; bottom:20px; text-indent:-9999px; width:76px; height:76px; display:block; background-image:url(/images/btn_mediaMvPlay.png); background-repeat:no-repeat; background-size:76px;}
.sub_media .sub_media_mvArea .sub_mvArea1 .sub_mvArea1_txt{ padding-top:20px;}
.sub_media .sub_media_mvArea .sub_mvArea1 .sub_mvArea1_txt div:after{content:""; display:block; clear:both;}
.sub_media .sub_media_mvArea .sub_mvArea1 .sub_mvArea1_txt p{ float:left;text-align:left}
.sub_media .sub_media_mvArea .sub_mvArea1 .sub_mvArea1_txt p.sub_mvArea1_tit{ width:570px; overflow:hidden;line-height:22px}
.sub_media .sub_media_mvArea .sub_mvArea1 .sub_mvArea1_txt p.sub_mvArea1_tit a{ font-weight:400;display:block; font-size:20px; color:#000; letter-spacing:-1px;}
.sub_media .sub_media_mvArea .sub_mvArea1 .sub_mvArea1_txt p.sub_mvArea1_tit span{ color:#1e89cd}
.sub_media .sub_media_mvArea .sub_mvArea1 .sub_mvArea1_txt p.sub_mvArea1_time{background-image:url(/images/icn_mainMediaMv.png); background-repeat:no-repeat; background-size:19px; padding-left:22px; font-size:13px;line-height:20px}

.sub_media .sub_media_mvArea .sub_mvArea2{width:520px; margin-left:30px;}
.sub_media .sub_media_mvArea .sub_mvArea2 .sub_media_mvList .sub_mvArea2_tit{ text-align:left;font-weight:400; font-size:25px; line-height:30px; letter-spacing:-1px; color:#000; border-bottom:1px solid #000;}

.sub_media .sub_media_mvArea .sub_mvArea2 .sub_media_mvList .sub_mvArea2_recom{ text-align:left;width:100%; padding-top:0px;}
.sub_media .sub_media_mvArea .sub_mvArea2 .sub_media_mvList .sub_mvArea2_recom li:after{content:""; display:block; clear:both;}
.sub_media .sub_media_mvArea .sub_mvArea2 .sub_media_mvList .sub_mvArea2_recom li{ padding-bottom:30px;}
.sub_media .sub_media_mvArea .sub_mvArea2 .sub_media_mvList .sub_mvArea2_recom img{ width:187px; height:113px;}
.sub_media .sub_media_mvArea .sub_mvArea2 .sub_media_mvList .sub_mvArea2_recom p{ display:block; float:left;}
.sub_media .sub_media_mvArea .sub_mvArea2 .sub_media_mvList .sub_mvArea2_recom p.sub_mvArea2_recom_mv{ width:187px; height:113px; background-color:#000;}
.sub_media .sub_media_mvArea .sub_mvArea2 .sub_media_mvList .sub_mvArea2_recom p.sub_mvArea2_recom_tit{ padding-left:15px; padding-top:10px;}
.sub_media .sub_media_mvArea .sub_mvArea2 .sub_media_mvList .sub_mvArea2_recom p.sub_mvArea2_recom_tit span.t1{display:block; font-size:15px; color:#009ded;font-weight:500}
.sub_media .sub_media_mvArea .sub_mvArea2 .sub_media_mvList .sub_mvArea2_recom p.sub_mvArea2_recom_tit a.t2{font-weight:400; display:block; width:316px; font-size:17px; line-height:17px; color:#000; margin-bottom:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sub_media .sub_media_mvArea .sub_mvArea2 .sub_media_mvList .sub_mvArea2_recom p.sub_mvArea2_recom_tit span.time{ display:block; background-image:url(/images/icn_mainMediaMv.png); background-repeat:no-repeat; background-size:19px; padding-left:22px; font-size:13px;line-height:20px}

.sub_media .sub_media_listArea{width:1200px; margin-left:auto; margin-right:auto; padding-bottom:5px; border-bottom:1px solid #ebebec;}
.sub_media .sub_media_listArea ul{text-align:left;}
.sub_media .sub_media_listArea ul div.more{position:relative}
.sub_media .sub_media_listArea ul div.more a{position:absolute;top:-30px;right:15px;font-size:15px;letter-spacing:-2px;}
.sub_media .sub_media_listArea .sub_media_listAreaTit{ font-size:25px; line-height:25px; margin-top:10px; color:#000; padding:20px 0;}
.sub_media .sub_media_listArea .sub_media_listAreaBox{ padding-top:20px;}
.sub_media .sub_media_listArea .sub_media_listAreaBox ul:after{content:""; display:block; clear:both;}
.sub_media .sub_media_listArea .sub_media_listAreaBox li{ float:left; width:228px;margin-right:15px;margin-bottom:25px}
.sub_media .sub_media_listArea .sub_media_listAreaBox li:nth-child(5n){margin-right:0px}
.sub_media .sub_media_listArea .sub_media_listAreaBox li a{ color:#000;}
.sub_media .sub_media_listArea .sub_media_listAreaBox li .mvThum{width:215px; height:130px; background-color:#000;}
.sub_media .sub_media_listArea .sub_media_listAreaBox li .mvThum img{width:100%; height:100%; }
.sub_media .sub_media_listArea .sub_media_listAreaBox li .mvThum span.rel_play{position:relative }
.sub_media .sub_media_listArea .sub_media_listAreaBox li .mvThum span.rel_play img.rel_play_icon{position:absolute;top:46px;left:-130px;width:41px;height:41px }
.sub_media .sub_media_listArea .sub_media_listAreaBox li .mvThum:hover span.rel_play img.rel_play_icon{position:absolute;top:41px;left:-135px;width:51px;height:51px }





.sub_media .sub_media_listArea .sub_media_listAreaBox li .mvTit{ font-size:15px; padding-top:5px;line-height:28px;font-weight:300;overflow:hidden;height:30px;width:212px;text-align:center;text-overflow:ellipsis;white-space:nowrap; }
/*
.sub_media .sub_media_listArea .sub_media_listAreaBox li .mvTime{display:block; background-image:url(/images/icn_mainMediaMv.png); background-repeat:no-repeat; background-size:19px; padding-left:22px; font-size:13px;line-height:20px}
*/
.sub_media .sub_media_listArea .sub_media_listAreaBox li .mvTime{width:205px;display:block; text-align:center; font-size:13px;line-height:20px}

.sub_media .sub_media_listArea .sub_media_listAreaBox li .mvTime img{vertical-align:middle;margin-right:4px;margin-top:-3px}


.play_pos{position:relative}
.play_pos img.play_btn{position:absolute;top:26px;left:56px;width:41px;cursor:pointer;}