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


/* Common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,figure,figcaption{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'돋움',Dotum,helvetica,sans-serif;font-size:12px;color:#666;line-height:1.5}
html,body{width:100%; height:100%; }
img{border:0}
ul,ol{list-style:none}
fieldset{border:none}
button{cursor:pointer;overflow:visible}
a{color:inherit;text-decoration:none}
	.ie7 a{color:#333}
a:hover,a:active{text-decoration:underline}
small{font-size:smaller !important}
em{font-style:normal}
textarea{resize:none}
table{border-spacing:0}
.ie7 table{border-collapse:collapse}
caption{width:0;height:0;font-size:0;line-height:0;visibility:hidden;overflow:hidden}
legend{border:0;width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0 0 0 0)}

/* Text */
.u, .u a{text-decoration:underline !important}
.bold{font-weight:bold !important}

/* Display */
.fl{float:left}
.fr{float:right}
.clear{clear:both !important}
.clear:after{content:'';display:block;clear:both}
.group:before,
.group:after{content:"";display:table}
.group:after{clear:both }
	.ie7 .group {zoom:1}
.ir{background-color:transparent;border:0;overflow:hidden}
	.ie7 .ir{text-indent:-9999px}
.ir:before{content:"";display:block;width:0;height:150%}
.blind{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.blind.focusable:active,
.blind.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.sighted{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.hidden{display:none !important;visibility:hidden}
.invisible{visibility:hidden}

/* Align */
.l{text-align:left !important}
.c{text-align:center !important}
.r{text-align:right !important}
.t{vertical-align:top !important}
.m{vertical-align:middle !important}
.b{vertical-align:bottom !important}

/* Space */
hr{clear:both;display:block;visibility:hidden;width:1px;height:30px;font-size:0;line-height:0;color:#fff}
	body.ie7 hr{margin:-7px 0}
hr+.heading_d2,
hr+.board_top{margin-top:10px}
hr.type2{height:10px}
.btn_area.btn_scale2+hr.type2{height:40px}	
.heading_d2+hr.type2{height:0}

/* Skip Navigation */
#skipto a{position:absolute; display:block; width:100%; left:0; text-align:center; top:-10000px; z-index:500; font-size:1.3em}
#skipto a:hover, 
#skipto a:focus, 
#skipto a:active{position: absolute; top: 0; padding: 15px 0; font-weight:bold; color:#fff; background:#1d60a7; z-index:500}

/* layout */
body{}
#wrapper{width:100%; min-width:1100px;}
#contents.blind,
#gnb.blind{position:static;display:block;margin:0;height:0;text-indent:-5000px}
#header{position:relative;z-index:2;background:#fff url(/images/common/gnb/bg_header.png) repeat-x 0 95px}
.header_inner{width:1100px;margin:0 auto;height:96px}
.header_inner:before,
.header_inner:after{content:"";display:table}
.header_inner:after{clear:both }
	.ie7 .header_inner {zoom:1}
#header h1{position:absolute;padding:38px 0 0 10px}
#header img{vertical-align:top}
#header .util{float:right;padding-right:10px;height:24px;overflow:hidden;;transform: translateY(55px);}
#header .msg{float:left;font-weight:normal;color:#333;padding:3px 10px 0 0}
#header .util a{text-decoration:none}
#header .util ul{float:left;overflow:hidden;font-size:11px;line-height:16px;border-left:1px solid #ddd}
#header .util li{float:left;border:1px solid #ddd;padding:4px 10px 2px;margin-left:-1px}
#header .util>a{float:left;margin-left:1px;}
#header .util>a:focus{outline:#333 dashed 1px;}
.gnb{clear:right;float:right;}
.gnb>li{float:left;padding:0 0 0 15px;display:inline}
.gnb>li>span{display:block;padding:0 10px;height:36px;}
/*.gnb>li:hover>span,*/
.gnb>li.on>span{border-bottom:7px solid #000;height:29px}
.flyout_outer{position:absolute;left:0;top:96px;right:0;background:#fff;border-bottom:1px solid #c2c2c2;display:none}
.flyout_outer a:hover{color:#e11d1d}
.flyout_outer .inner{width:1080px;margin:0 auto;overflow:hidden;padding:20px 0}
.flyout_outer .spot{float:left;padding:0 54px 0 0;min-width:300px}
.flyout_outer .spot ul{overflow:hidden;padding:0 0 10px;margin-left:-1px}
.flyout_outer .spot li{float:left;padding-left:1px}
.flyout_outer .localmenu{overflow:hidden;position:relative}
.flyout_outer .localmenu>li{float:left;width:154px;padding-right:26px}
.flyout_outer .localmenu>li>span{display:block;height:30px;overflow:hidden}
.flyout_outer .localmenu>li>span>a{display:block;overflow:hidden;height:100%}
.flyout_outer .localmenu>li>span img{margin-left:12px}
.flyout_outer .localmenu>li>span>a:hover{background:url(/images/common/gnb/bul_gnb_lmenu.png) no-repeat 121px 9px}
.flyout_outer .localmenu>li>span>a:hover img{margin-top:-30px}
.flyout_outer .localmenu>li li{padding:0 0 6px 12px;line-height:14px}
.gnb .cs .flyout_outer .lmenu4 ul{position:absolute}
.gnb .event .flyout_outer .lmenu2{width:194px}
.gnb .event .flyout_outer .lmenu2>span>a:hover{background-position:161px 9px}
.gnb .focus .flyout_outer .lmenu5{position:absolute;left:0;top:34px}
.gnb .focus .flyout_outer .lmenu6{position:absolute;left:180px;top:34px; } /*2013.11.13 추가*/
.gnb .brand:hover>span,
.gnb>li.brand.on>span{border-color:#2462a9}
.gnb .brand .localmenu>li>span>a:hover{background-color:#2462a9}
.gnb .community:hover>span,
.gnb>li.community.on>span{border-color:#5d830a}
.gnb .community .localmenu>li>span>a:hover{background-color:#5d830a;}
.gnb .cs:hover>span,
.gnb>li.cs.on>span{border-color:#23866e}
.gnb .cs .localmenu>li>span>a:hover{background-color:#23866e;}
.gnb .recruit:hover>span,
.gnb>li.recruit.on>span{border-color:#657a80}
.gnb .recruit .localmenu>li>span>a:hover{background-color:#657a80;}
.gnb .event:hover>span,
.gnb>li.event.on>span{border-color:#733dab}
.gnb .event .localmenu>li>span>a:hover{background-color:#733dab;}
.gnb .focus:hover>span,
.gnb>li.focus.on>span{border-color:#c12733}
.gnb .focus .localmenu>li>span>a:hover{background-color:#c12733;}
/*.gnb>li:hover .flyout_outer{display:block}*/
#header.type2{background:#3d3d3d url(/images/common/gnb/bg_header2.png) repeat-x 0 bottom;}
#header.type2 #gnb.blind{float:left}
#header.type2 .header_inner{height:36px;}
#header.type2 h1{padding:0 0 0 10px;}
#header.type2 .util{height:auto;padding:6px 10px 0 8px;}
#header.type2 .gnb{clear:none}
#header.type2 .gnb>li{padding:0 0 0 5px}
#header.type2 .gnb>li>span{height:31px;overflow:hidden;padding:0 10px;}
#header.type2 .gnb>li:hover>span,
#header.type2 .gnb>li.on>span{border-bottom:5px solid #fff}
#header.type2 .gnb>li.on>span img,
#header.type2 .gnb>li>span>a:hover img{margin-top:-40px}

#container{clear:both;width:1100px;margin:0 auto;/*overflow:hidden;*/position:relative}
#lnb,
#cont-nav{float:left;width:200px;padding:0 10px 50px;background:#fff}
#cont-nav img{vertical-align:top}
#cont-nav .quick{overflow:hidden;padding:1px 0 0}
#cont-nav .quick a{float:left}
/* lnb */
.local_tit{display:block;padding:20px 0 0}
.lnb a{display:block}
.lnb>ul>li{vertical-align:top;padding-top:1px}
.lnb>ul>li>span{display:block;height:44px;overflow:hidden}
.lnb>ul>li>span a:hover img,
.lnb>ul>li>span a:focus img,
.lnb>ul>li.on>span img{margin-top:-44px}
.lnb ul ul{display:none;padding:0 0 6px 15px}
.lnb ul ul li{padding-left:9px;height:24px;background:url(/images/common/lnb/bul_sub.png) no-repeat 0px 5px}
.lnb ul ul li a{height:18px;overflow:hidden}
.lnb ul ul li a:hover img,
.lnb ul ul li a:focus img,
.lnb ul ul li.on a img{margin-top:-19px}
.lnb ul ul li.on{background-image:url(/images/common/lnb/bul_sub_on.png);}
.lnb ul ul img{margin:1px 0 0}
.lnb li.on ul{display:block}
.lnb.cs ul ul{background:#23866e}
.lnb.recruit ul ul{background:#657a80}
.lnb.event ul ul{background:#733dab}
.lnb.focus ul ul{background:#c12733}
.lnb.member ul ul,
.lnb.mydaekyo ul ul,
.lnb.apps ul ul{background:#777}
.lnb.brand ul ul{background:#2462a9}
.lnb.community ul ul{background:#5d830a}
#cont-area{padding:0 0 50px;/*overflow:hidden;*/position:relative; }
#lnb~#cont-area,
#cont-nav~#cont-area{float:right;width:840px;padding-right:10px;/*overflow-x:hidden;padding-right:10px;padding-left:30px*/}

#footer{clear:both;border-top:1px solid #bbb;background:#ececec;zoom:1}
#footer img{vertical-align:top}
.footer_inner{width:1080px;margin:0 auto}
.footer_inner:before,
.footer_inner:after{content:"";display:table}
.footer_inner:after{clear:both }
	.ie7 .footer_inner {zoom:1}
#footer .logo{float:left;width:160px}
#footer .content{float:left;width:920px}
#footer .util{padding:12px 0 0 7px;height:23px;float:left;width:530px}
#footer .util li{float:left;padding-left:17px}
#footer .util li:first-child{padding-left:0}
#footer .family{float:right;padding:6px 0 0}
#footer .family select{width:120px}
#footer .family div.select4{margin:0 0 0 4px}
#footer .family .select4,
#footer .family .select4+a{float:left}
#footer .family .select4+a:focus{outline-color:#333;outline-style:double}
#footer .family .select_list{border:1px solid #ccc;border-width:1px 1px 0}
#footer .family div.select4.on{position:relative;}
#footer .family div.select4.on .select_list{left:0;bottom:23px;}
#footer .copyright{clear:both;border-top:1px solid #bbb;padding:4px 0 43px 7px}
#footer .copyright p{padding:8px 0 0}
#footer .copyright p.webkorea {position:relative; top:-22px; left:315px; width:162px} /* 2013.12.30 웹어워드 아이콘 삽입 */

#container:before,
#container:after{content:"";display:table}
#container:after{clear:both }
	.ie7 #container {zoom:1}

#container.brandmain{width:auto}

.location{float:right;overflow:hidden;border:1px solid #c2c2c2;color:#333;line-height:1.5;margin:20px 0 24px}
.location a,
.location .current{float:left;border-left:1px solid #c2c2c2;padding:7px 10px 6px}
.location a{background:#fff;}
.location .home{border-left:0;width:33px;padding-left:0;padding-right:0;background:#fff url(/images/ico/ico_home.png) no-repeat center center;text-indent:-5000px}
.location .current{color:#fff;background:#333}
.hgroup{clear:both;padding:0 0 45px}
.location~.hgroup.type2{margin-top:-17px}
.hgroup.type3{padding:30px 0}
.hgroup.type4{padding:0 0 50px 0}
.hgroup p{padding:17px 0 0}
#cont-area h2{clear:both}

/* submain */
.brand .brand_visual{height:494px;margin-left:-40px}
.brand .brand_visual img{width:880px;height:494px;vertical-align:top}
.brand .product_banner{position:relative;background:#ececec;padding:10px 0;height:66px;overflow:hidden}
.brand .product_banner li{padding:0 0 0 22px;margin:0 0 0 20px;background:url(/images/common/bdr_brand_product.png) no-repeat 0 9px;float:left}
.brand .product_banner li:first-child{margin-left:0;background:none;padding-left:0px}
.brand .section_news{margin:30px 6px 0 0;float:left;width:370px;position:relative}
.brand .section_news h3{height:26px;border-bottom:1px solid #333}
.brand .section_news .more{position:absolute;right:0;top:0}
.brand .section_news ul{padding:2px 5px 0;color:#333}
.brand .section_news li{padding:5px 0 0;overflow:hidden}
.brand .section_news .subject{float:left;width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.brand .section_news .subject .ico{vertical-align:top;margin-left:4px}
.brand .section_news .wdate{overflow:hidden}
.brand .section_event{margin:30px 0 0 10px;float:left;width:222px;position:relative}
.brand .section_event h3{height:26px}
.brand .section_event .banner_container{width:222px;height:120px;overflow:hidden;position:relative}
.brand .section_event .banner_container ul{position:relative;overflow:hidden}
.brand .section_event .banner_container li{width:222px;height:120px;float:left}
.brand .section_event .banner_container li img{width:222px;height:120px;}
.brand .section_event button{border:0;background:transparent;overflow:visible;width:9px;height:9px;vertical-align:top;text-indent:-5000px;background:url(/images/btn/btn_brand_event.png) no-repeat center -5px}
.brand .section_event button.on{background-position:center -25px}
.brand .section_event button.play{background-position:center -65px}
.brand .section_event button.stop{background-position:center -45px}
.brand .section_event .ctl_play{position:absolute;right:0;top:7px;width:9px}
.brand .section_event .ctl_list{position:absolute;top:7px;right:12px;width:50px;height:9px;text-align:right}
/*
.brand .section_event .ctl_play a,
.brand .section_event .ctl_list a{vertical-align:top}
*/
.brand .section_cont{margin:30px 0 0 10px;float:left;width:222px}
.brand .section_cont img{width:100%;height:146px}

.skin{position:absolute;top:0;left:0;right:0;height:310px;min-width:1100px;background-repeat:no-repeat;background-position:center 0}
#wrapper.index .skin{top:auto;height:806px;background:url(/images/main/bg_main2.png) no-repeat center top;}
.skin.rc-l1{background-image:url(/images/title/skin/rc_l1.png);}		/*채용_선생님모집*/
.skin.rc-l2{background-image:url(/images/title/skin/rc_l2.png);}		/*채용_직원채용*/
.skin.rc-l3{background-image:url(/images/title/skin/rc_l3.png);}		/*채용_접수결과*/
.skin.rc-l4{background-image:url(/images/title/skin/rc_l4.png);}		/*채용_인재상*/
.skin.mem-l1{background-image:url(/images/title/skin/mem_l1.png)}		/*로그인*/
.skin.mem-l2{background-image:url(/images/title/skin/mem_l2.png)}		/*회원가입*/
.skin.mem-l3{background-image:url(/images/title/skin/mem_l3.png)}		/*아이디비밀번호찾기*/
.skin.my-l1{background-image:url(/images/title/skin/my_l1.png)}		/*나의대교_개인정보관리*/
.skin.my-l2{background-image:url(/images/title/skin/my_l2.png)}		/*나의대교_나의게시글관리*/
.skin.my-l3{background-image:url(/images/title/skin/my_l3.png)}		/*나의대교_나의이벤트현황*/
.skin.my-l3-2{background-image:url(/images/title/skin/my_l3_2.png)}		/*나의대교_나의주문/결제내역*/
.skin.my-l4{background-image:url(/images/title/skin/my_l4.png)}		/*나의대교_회원탈퇴*/
.skin.comm-l1{background-image:url(/images/title/skin/comm_l1.png)}		/*커뮤니티_한장의스토리*/
.skin.comm-l2{background-image:url(/images/title/skin/comm_l2.png)}		/*커뮤니티_우리선생님최고*/
.skin.comm-l3{background-image:url(/images/title/skin/comm_l3.png)}		/*커뮤니티_미즈코치*/
.skin.comm-l4{background-image:url(/images/title/skin/comm_l4.png)}		/*커뮤니티_학부모 교육정보리*/
.skin.comm-l4-2{background-image:url(/images/title/skin/comm_l4-2.png)}		/*커뮤니티_학부모 교육정보리*/
.skin.comm-l4-3{background-image:url(/images/title/skin/comm_l4-3.png)}		/*커뮤니티_학부모 교육정보리*/
.skin.comm-l5{background-image:url(/images/title/skin/comm_l5.png)}		/*커뮤니티_스토리동영상*/
.skin.cs-l1{background-image:url(/images/title/skin/cs_l1.png)}		/*고객만족센터_자주묻는질문*/
.skin.cs-l2{background-image:url(/images/title/skin/cs_l2.png)}		/*고객만족센터_묻고답하기*/
.skin.cs-l3{background-image:url(/images/title/skin/cs_l3.png)}		/*고객만족센터_제품상담신청*/
.skin.cs-l4{background-image:url(/images/title/skin/cs_l4.png)}		/*고객만족센터_고민있어요*/
.skin.cs-l5{background-image:url(/images/title/skin/cs_l5.png)}		/*고객만족센터_고객의소리*/
.skin.cs-l6{background-image:url(/images/title/skin/cs_l6.png)}		/*고객만족센터_사업제안*/
.skin.cs-l7{background-image:url(/images/title/skin/cs_l7.png)}		/*고객만족센터_교육국센터찾기*/
.skin.ev-l1{background-image:url(/images/title/skin/ev_l1.png)}		/*이벤트_진행중*/
.skin.ev-l2{background-image:url(/images/title/skin/ev_l2.png)}		/*이벤트_완료*/
.skin.focus-l1{background-image:url(/images/title/skin/focus_l1.png)}		/*홍보센터_대교 소식*/
.skin.focus-l2{background-image:url(/images/title/skin/focus_l2.png)}		/*홍보센터_CI 소개*/
.skin.focus-l3{background-image:url(/images/title/skin/focus_l3.png)}		/*홍보센터_연혁*/
.skin.focus-l4{background-image:url(/images/title/skin/focus_l4.png)}		/*홍보센터_대교 자기주도학습장학상*/
.skin.focus-l5{background-image:url(/images/title/skin/focus_l5.png)}		/*홍보센터_희망나눔*/
.skin.focus-l6{background-image:url(/images/title/skin/focus_l6.png)}		/*홍보센터_아이레벨홀*/
.skin.util-l1{background-image:url(/images/title/skin/util_l1.png)}		/*사이트이용관련*/
.skin.apps-l1{background-image:url(/images/title/skin/apps.png)}		/*apps*/
.skin.noon{background-image:url(/images/title/skin/brand_noon.png)}
.skin.fc{background-image:url(/images/title/skin/brand_noon.png)}
.skin.sobics{background-image:url(/images/title/skin/brand_sobics.png)}
.skin.caihong{background-image:url(/images/title/skin/brand_caihong.png)}
.skin.soluny{background-image:url(/images/title/skin/brand_soluny.png)}
.skin.dream{background-image:url(/images/title/skin/brand_dream.png)}
.skin.dk{background-image:url(/images/title/skin/brand_dk.png)}
.skin.sc{background-image:url(/images/title/skin/brand_sc.png)}
.skin.eye{background-image:url(/images/title/skin/brand_eye.png)}
.skin.webro{background-image:url(/images/title/skin/brand_webro.png)}
.skin.yct{background-image:url(/images/title/skin/brand_yct.png)}
.skin.yj{background-image:url(/images/title/skin/brand_yj.png)}
.skin.clinic{background-image:url(/images/title/skin/brand_clinic.png)}
.skin.keri{background-image:url(/images/title/skin/brand_keri.png)}
.skin.lc{background-image:url(/images/title/skin/brand_lc.png)}
.skin.arti{background-image:url(/images/title/skin/brand_arti.png)}
.skin.kid{background-image:url(/images/title/skin/brand_kid.png)}
.skin.ggum{background-image:url(/images/title/skin/brand_ggum.png)}
.skin.summit{background-image:url(/images/title/skin/brand_summit.png)}
.skin.dkphone{background-image:url(/images/title/skin/brand_dkphone.png)}
.skin.booksjunior{background-image:url(/images/title/skin/brand_booksjunior.png)}

.skin.submain{display:none;background:none;}
#wrapper.brand .skin.submain{display:block;left:0;right:0;top:530px;height:86px;background:url(/images/title/skin/skin_brand.png) repeat-x 0 0}		/* brand submain */

.parallax_outer{min-height:600px;position:absolute;left:0;right:0;background:#000}
.parallax{min-width:1080px;max-width:1920px;margin:0 auto;overflow:hidden;position:relative;height:100% !important;}
.parallax .scene{position:relative;height:600px}
.parallax_outer .tip{position:absolute;right:10px;top:48px;z-index:2}


/*
.mask_arti{background:url(/images/brand/arti/main/bg5.png);border-bottom:600px solid transparent;border-left:615px solid #e7e7e7;}
.ie7 .mask_arti{border-bottom-color:#393939;border-left-color:transparent}
.mask_arti2{background:url(/images/brand/arti/main/bg7.png);border-bottom:600px solid transparent;border-left:615px solid #e4e4e4;}
.ie7 .mask_arti2{border-bottom-color:#1d2843;border-left-color:transparent}*/

#wrapper.special{min-height:100%;margin-top:-124px}
#wrapper.special #header{border-top:124px solid #fff;}
#wrapper.special #container{position:static;min-height:600px;width:auto}
#wrapper.special #cont-nav{position:relative;z-index:1;background:transparent;float:none;left:50%;margin-left:-550px}
.parallax_outer{position:absolute;left:0;top:36px;width:100%;min-width:1100px;}
.parallax{min-width:1080px;max-width:1920px;margin:0 auto;overflow:hidden;position:relative;height:100% !important;}
.parallax .scene{position:relative;height:600px}
.parallax .object{margin:0 auto;width:840px;padding-left:240px;margin:0 auto;position:relative;height:0;left:0}
.parallax .mask{position:absolute;font-size:0;line-height:0;height:0}
.parallax .mask_arti{background:url(/images/brand/arti/main/bg5.png);height:100%;bottom:0}
.parallax .mask_arti img{position:absolute;left:0;bottom:0}
.parallax .mask_arti2{background:url(/images/brand/arti/main/bg7.png);height:100%;bottom:0}
.parallax .mask_arti2 img{position:absolute;left:0;bottom:0}

/* index */
#wrapper.index{background:url(/images/main/bg_main.png);}
#wrapper.index #cont-area{padding:20px 0;overflow:hidden}
#wrapper.index #container .block{float:left;margin-left:10px;position: relative;}
#wrapper.index #container .clear{height:10px}
.link_finder{width:610px;height:300px;background:url(/images/main/bg_finder.png);margin-left:0}
.link_finder h2{padding:57px 0 57px 88px;height:133px;background:url(/images/main/stit_finder.png) no-repeat 88px 57px;text-indent:-5000px}
.link_finder ul{padding:0 0 0 78px;overflow:hidden}
.link_finder li{width:150px;height:37px;float:left;padding:1px}
.link_finder li a{width:100%;height:100%;display:block;text-indent:-5000px;background:url(/images/main/btn_finder.png) no-repeat 0 0}
.link_finder li.item2 a{background-position:-151px 0}
.link_finder li.item3 a{background-position:-302px 0}
.link_finder li.item1 a:hover{background-position:0 -50px}
.link_finder li.item2 a:hover{background-position:-151px -50px}
.link_finder li.item3 a:hover{background-position:-302px -50px}
.index_rolling{width:300px;height:300px;position:relative}
.index_rolling button{position:relative;width:15px;height:15px;border:0;text-indent:-5000px;vertical-align:top;margin-left:1px;background:url(/images/main/btn_rolling.png) no-repeat center 0;}
.index_rolling .ctl{position:absolute;left:18px;top:14px;z-index:1;}
.index_rolling .ctl_list{float:left}
.index_rolling .ctl_list button.on{background-position:center -15px}
.index_rolling .ctl_play{float:left;overflow:hidden}
.index_rolling button.play{background-position:0 -45px}
.index_rolling button.stop{background-position:0 -30px}
.index_rolling .banner_container{overflow:hidden;width:100%;height:100%}
.index_rolling .banner_container ul{overflow:hidden;position:relative}
.index_rolling .banner_container li{float:left;}
.index_rolling .banner_container li img{width:300px;height:300px}
.promotion .banner_container{border:1px solid #ddd;width:298px;height:298px}
.promotion .banner_container li img{width:298px;height:298px}
.index_quick img{width:145px;height:145px}
.index_member{border:1px solid #bdbdbd;width:298px;height:298px;background:#fff}
.index_member h2{padding:36px 0 0 31px;background:url(/images/main/stit_member.png) no-repeat 31px 36px;height:81px;text-indent:-5000px}
.index_member ul{margin:0 29px;border-top:1px solid #bababa;width:240px;height:135px;}
.index_member ul li{padding:35px 0 0 30px;float:left;width:60px}
.index_member ul li:first-child{padding-left:0}
.index_apps{width:300px;height:300px;background:url(/images/main/bg_apps.png) no-repeat 0 0;position:relative}
.index_apps h2{height:122px;text-indent:-5000px}
.index_apps .banner_container{overflow:hidden;position:relative;height:178px}
.index_apps .banner_container img{width:300px}
.index_apps .ctl{background:url(/images/main/btn_apps.png) no-repeat 0 center;display:block;position:absolute;z-index:1;top:146px;width:24px;height:40px;overflow:hidden;text-indent:-5000px}
.index_apps .ctl.prev{left:40px}
.index_apps .ctl.next{right:40px;background-position:right center}
.index_board{border:1px solid #eee;width:298px;height:143px;background:#fff;position:relative}
.index_board h2{padding:19px 19px 0;height:36px}
.index_board .more{position:absolute;right:19px;top:19px}
.index_board ul{padding:0 19px;/* position: relative; *//* left: -10px; */}
.index_board li{padding:2px 0; width:260px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  } /* 0702 효선 수정 */
.index_board li .ico{vertical-align:middle;margin-left:4px}
.index_board .thumb{float:left;width:50px;margin-left:19px}
.index_board .thumb img{width:50px;height:50px}
.index_board .cont{overflow:hidden;padding:0 19px 0 12px;max-height:72px;overflow:hidden;letter-spacing:-1px}
.index_board .cont a{display:block}
.index_board .cont .subject{display:block;color:#333;font-weight:bold}
.index_board .cont .summary{display:block;}

body.mobile{min-width:1100px}

/* 2015.10.19 Add & Modify */
.hgroup { padding:0 0 40px}

/* 20160627 */
.link_finder ul {position: absolute;left:0;bottom: 16px;}

.index_board.sns_list {width: 608px;overflow: hidden;}
.index_board.sns_list ul {position:relative;left:-19px;*zoom:1;width:608px;}
.index_board.sns_list ul:after {content:'';display:block;clear:both;}
.index_board.sns_list ul li {float:left;width: auto;}
.index_board.sns_list h2 {padding-bottom:0 !important;height: 26px;}

/* 20160726 */
.block.link_finder .img_area {position:relative;}
.block.link_finder .img_area a {display:none;position:absolute;left:0;top:0;width:610px;height:300px;overflow:hidden;}
.block.link_finder .img_area a.show {display:block;}
.block.link_finder .img_area a img {display:block;width:610px;height:300px;}
.hide {position:absolute;left:-1000px;top:-1000px;z-index:-1;width:1px;height:1px;overflow:hidden;line-height:1000px;}

/* 20160818 */
.paging .paging_wrap strong {color:#fff;font-weight:bold;}


.order_process .tbl_type1 tbody th, .payment_complete .tbl_type1 tbody th{padding-left:48px}
.order_process .tbl_type1 th.esse img{display:inline-block;}
.order_process .tbl_type1 th.esse em.star{float:right;margin-right:15px}
.order_process .tbl_type1 td{line-height:18px !important}
.current_position{overflow:hidden;margin-bottom:30px}
.current_position .tit{float:left;padding:9px 0}
.current_position .position{float:right}
.order_customer h3{overflow:hidden}
.order_customer h3 > img{padding-top:5px}
.order_customer h3 a{float:right}
.delivery_address .check{overflow:hidden;margin-bottom:5px}
.delivery_address .check .paragraph-default{float:left;padding:0;cursor:pointer}
.delivery_address .check .paragraph-default label{vertical-align:middle;margin-right:5px}
.delivery_address .check h4{float:right;padding:0;line-height:1;}
.delivery_address .check h4 span{vertical-align:middle;font-weight:normal;color:#222;font-size:11px}
.delivery_address .check input, .delivery_address .check label{cursor:pointer}
.delivery_address .btn3{font-family:'dotum';padding:9px 20px 9px 10px;height:12px}
.delivery_address .btn3:hover{font-weight:normal;font-size:11px}
.payment_option .agree{margin-bottom:30px}
.payment_option .agree label{display:block;margin-bottom:10px;cursor:pointer}
.payment_option .agree label + p{text-indent:18px}
.btn_payment input{width:230px;height:47px;background:url('/images/ksnet/btn_payment.png') no-repeat;border:none;font-size:0;display:block;margin:0 auto;cursor:pointer}

.payment_complete .payment_info{margin-bottom:20px}
.payment_msg{background:url('/images/ksnet/msg_payment_complete.png') no-repeat;width:839px;height:170px;margin-bottom:30px;text-align:center}
.payment_msg span{font-size:24px;color:#333;line-height:260px}
.payment_complete .btn_confirm{width:83px;height:38px;background:url('/images/btn/btn2_confirm.png') no-repeat;border:none;font-size:0;display:inline-block;cursor:pointer}

em.star{font-size:24px;color:#e11d1d;vertical-align:middle;font-weight:normal}
.text-center{text-align:center !important}
.text-right{text-align:right !important}
.text-bold{font-weight:bold !important}
td.text-center{padding:10px 0 !important}

form.payment_form, table.kspay_msg{position:absolute;top:-99999px;left:-99999px;}


.main-promotion {
  position: relative;
  float: left;
  width: 300px;
  height: 300px;
  margin-left: 10px;
  border: 1px solid #ddd;
}

.main-promotion a {
  display: block;
}

.main-promotion img {
  display: block;
  width: 100%;
  height: 100%;
}

.main-promotion .slick-dots {
  position: absolute;
  top: 0;
  left: 0;
  padding: 14px 18px;
  text-align: left;
}

.main-promotion .slick-dots li {
  display: inline-block;
  vertical-align: middle;
}

.main-promotion .slick-dots li + li {
  margin-left: 8px;
}

.main-promotion .slick-dots button {
  display: block;
  width: 12px;
  height: 12px;
  font-size: 0;
  border: 0;
}

.main-promotion .slick-dots li button {
  background-color: #aaa;
  border-radius: 50%;
}

.main-promotion .slick-dots li.slick-active button {
  background-color: #a30a11;
}


.main-promotion .slick-dots .btn-pause {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  background-color: transparent;
}

.main-promotion .slick-dots .btn-pause::before,
.main-promotion .slick-dots .btn-pause::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 3px;
  height: 100%;
  background-color: #aaa;
}

.main-promotion .slick-dots .btn-pause::after {
  margin-left: 3px;
}

.main-promotion .slick-dots .btn-pause.is-pause::before {
  display: none;
}

.main-promotion .slick-dots .btn-pause.is-pause::after {
  width: 0;
  height: 0;
  background-color: transparent;
  border-style: solid;
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent #aaa;
}

/* 0417_[대교닷컴] 눈높이365 관련 자주묻는질문 배너 추가 요청 : 추가시작 */
#wrapper.index #container .index_quick_365 {
	width: 145px;
}
#wrapper.index #container .index_quick_365 a {
	display: inline-block;
	vertical-align: top;
}
#wrapper.index #container .index_quick_365 .btn_365 {
	margin-top: 10px;
}
/* 0417_[대교닷컴] 눈높이365 관련 자주묻는질문 배너 추가 요청 : 추가끝 */

.my-info {
  position: absolute;
  top: 110px;
  right: -5px;
}

.my-info,
.my-info .info-list {
  display: flex;
  align-items: center;
}

.my-info .info-list {
  margin-left: 10px;
}

.my-info .list-item + .list-item {
  position: relative;
  padding-left: 5px;
  margin-left: 4px;
}

.my-info .list-item + .list-item::before {
  content: '';
  position: absolute;
  top: 4px;
  left: 0;
  width: 1px;
  height: 10px;
  background-color: #999;
}

.my-info .list-link {
  padding: 5px;
  font-weight: bold;
}