*{font-family: 'noto3';}
html { height: 100% }
body {
margin: 0; padding: 0; font-family:'noto4',sans-serif;
background-color: #fff; color: #888; font-size: 11px;
padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin: 0px;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
i, em{font-style:normal;}
a { color: #000; text-decoration: none; }
a:hover { color: #444; text-decoration: none }
a:active { color: #444; text-decoration: underline }
a:focus { color: #444; text-decoration: underline }
input,select,button {vertical-align:middle }
form { margin: 0; }
ul, ol, li, p { padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; }
li { list-style-type: none; list-style-image: none; float: left; }
.float-none > li{float:none;}
#footer li {float:left;}
img { border: 0px; margin: 0px; }
a.rollover img { border-width:0px; display:inline; }
a.rollover img.over { display:none; }
a.rollover:hover { border:0px }
a.rollover:hover img { display:none; }
a.rollover:hover img.over { display:inline; }
a.rollover span { position: absolute; left: 36px; margin-top: 10px; text-decoration: none; text-align: center; color: #888; width: 77px; height: 25px; padding-top: 5px; background: url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/common/quick_tip.gif) no-repeat 0 0; }
a.rollover span.over { display:none; }
a.rollover:hover span.over { display:inline; }
/*width*/
.wt1100{
width:1100px;
margin:0 auto;
}
.w1000{width:1000px; margin:0 auto;}
.w1100{width:1100px; margin:0 auto;}
.w1200{width:1200px; margin:0 auto;}
.mgb0{margin-bottom:0px !important}
.mgb5{margin-bottom:5px !important}
.mgb10{margin-bottom:10px !important}
.mgb15{margin-bottom:15px !important}
.mgb20{margin-bottom:20px !important}
.mgb30{margin-bottom:30px !important}
.mgb40{margin-bottom:40px !important}
.mgb45{margin-bottom:45px !important}
.mgb50{margin-bottom:50px !important}
.mgb60{margin-bottom:60px !important}
.mgb70{margin-bottom:70px !important}
.mgb80{margin-bottom:80px !important}
.mgb90{margin-bottom:90px !important}
.mgt0{margin-top:0 !important}
.mgt5{margin-top:5px !important}
.mgt10{margin-top:10px !important}
.mgt20{margin-top:20px !important}
.mgt25{margin-top:25px !important}
.mgt30{margin-top:30px !important}
.mgt40{margin-top:40px !important}
.mgt50{margin-top:50px !important}
.mgt60{margin-top:60px !important}
.mgt70{margin-top:70px !important}
.mgt80{margin-top:80px !important}
.mgt84{margin-top:84px !important}
.mgt90{margin-top:90px !important}
.mgt100{margin-top:100px !important}
.mgt110{margin-top:110px !important}
.mgl0{margin-left:0 !important}
.mgl5{margin-left:5px !important}
.mgl10{margin-left:10px !important}
.mgl13{margin-left:13px !important}
.mgl15{margin-left:15px !important}
.mgl20{margin-left:20px !important}
.mgl30{margin-left:30px !important}
.mgl40{margin-left:40px !important}
.mgl70{margin-left:70px !important}
.mgl120{margin-left:120px !important}
.mgl125{margin-left:125px !important}
.mgr0{margin-right:0 !important}
.mgr5{margin-right:5px !important}
.mgr10{margin-right:10px !important}
.mgr13{margin-right:13px !important}
.mgr15{margin-right:15px !important}
.mgr20{margin-right:20px !important}
.mgr30{margin-right:30px !important}
.mgr40{margin-right:40px !important}
.mgr50{margin-right:50px !important}
.mgr70{margin-right:70px !important}
.mgr120{margin-right:120px !important}
.mgr125{margin-right:125px !important}
.pdt0{padding-top:0px !important}
.pdt5{padding-top:5px !important}
.pdt10{padding-top:10px !important}
.pdt15{padding-top:15px !important}
.pdt20{padding-top:20px !important}
.pdt25{padding-top:25px !important}
.pdt30{padding-top:30px !important}
.pdt35{padding-top:35px !important}
.pdt40{padding-top:40 !important}
.pdt0{padding-top:0 !important}
.pdb0{padding-bottom:0 !important}
.pdl0{padding-left:0 !important}
.pdl5{padding-left:5px !important}
.pdl10{padding-left:10px !important}
.pdl15{padding-left:15px !important}
.pdl20{padding-left:20px !important}
.pdl25{padding-left:25px !important}
.pdl30{padding-left:30px !important}
.pdl50{padding-left:50px !important}
.pdl60{padding-left:60px !important}
.pdl70{padding-left:70px !important}
.pdl75{padding-left:75px !important}
.pdl80{padding-left:80px !important}
.pdl135{padding-left:135px !important}
.pdl170{padding-left:170px !important}
.pdr0{padding-right:0px !important}
.pdr5{padding-right:5px !important}
.pdr10{padding-right:10px !important}
.pdr15{padding-right:15px !important}
.pdr20{padding-right:20px !important}
.pdr25{padding-right:25px !important}
.pdr30{padding-right:30px !important}
.pdr50{padding-right:50px !important}
.pdr60{padding-right:60px !important}
.pdr70{padding-right:70px !important}
.pdr75{padding-right:75px !important}
.pdr80{padding-right:80px !important}
.pdr90{padding-right:90px !important}
.pdr100{padding-right:100px !important}
.pdb0{padding-bottom:0px !important}
.pdb5{padding-bottom:5px !important}
.pdb10{padding-bottom:10px !important}
.pdb15{padding-bottom:15px !important}
.pdb20{padding-bottom:20px !important}
.pdb25{padding-bottom:25px !important}
.pdb30{padding-bottom:30px !important}
.pdb50{padding-bottom:50px !important}
.pdb60{padding-bottom:60px !important}
.pdb70{padding-bottom:70px !important}
.pdb75{padding-bottom:75px !important}
.pdb80{padding-bottom:80px !important}
.pdb90{padding-bottom:90px !important}
.pdb100{padding-bottom:100px !important}
.ti15{display:block;text-indent:15px}
.text-left,.tl{text-align:left !important;}
.text-right , .tr{text-align:right !important;}
.text-center .tc{text-align:center !important;}
.jalnan {
font-family:'jalnan' !important;
font-weight:100;
}
.div-table{
display:table;
}
.div-table > *{
display:table-cell;
vertical-align:middle;
}
/*color*/
.col-lightgray{color:#c7c7c7}
.col-lightblue{color: #618cec;}
.color-red { color: #df1922;}
.lightgray {color:#a2a2a2}
.skyblue{color:#267dfe}
.darkred {color:#df1a23}
.green {color:#59a90f}
.orange {color:#e79622 }
.mint{ color:#16b0b2}
.col-red{color:#df1a23 !important}
#wrap {
position: relative; width: 1100px; left: 0px; width: 100%; background: url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/popkon/common/gnb_bg.gif) repeat-x 0px 0px;
}
/*cp_פëÂâ€*/
#cp_header { z-index: 30; width:100%; height:182px; text-align: center; background:url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/sdedu/p_tpl_main/gnb_bg.jpg) no-repeat 0 0; background-image: none}
#cp_header a.rollover img { border-width:0px; display:inline; }
#cp_header a.rollover img.over { display:none; }
#cp_header a.rollover:hover { border:0px }
#cp_header a.rollover:hover img { display:none; }
#cp_header a.rollover:hover img.over { display:inline; }
#cp_header .top_menu { width: 930px; height: 30px; margin: 0 auto; text-align: left; }
#cp_header .top_menu .site { height: 30px; float: left; }
#cp_header .top_menu .login { margin-top:10px; right:10px; margin-left:100px; float: right; }
#cp_header .top_menu .mypage_btn { top: 30px; margin-left:800px; float: right; }
#cp_header .top_logo .mypage { z-index: 35; margin-top: 1px; float: right; display: block;}
#cp_header .top_logo { width: 930px; margin: 0 auto; text-align: left; }
#cp_header .top_logo .logo { position:absolute; top:60px; margin-left:350px; }
#cp_header .top_logo .search { /* 930/2 - 430/2 = 255 */
position:absolute; top:65px; margin-left: 250px; width: 430px; height: 43px; font-size: 12px; background:url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/popkon/common/search_bg.jpg) no-repeat 0 0;}
#cp_header .top_logo .search input.input { position:absolute; bottom: 15px; border: 0; font-size: 12px; font-weight: bold; width: 230px; }
#cp_header .top_logo .search input.submit { position:absolute; margin-top:3px; margin-left:10px; right:0px; border: 0; font-size: 12px; font-weight: normal; width: 37px; height: 37px; background:url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/popkon/common/search_btn.png) no-repeat 0 0; }
#cp_header .top_logo .search select.select { position:relative; z-index:10; width:90px !important; height:25px !important; line-height:25px; font-size: 12px;}
#cp_header .top_logo .search span.select { position:absolute; bottom: 8px; float:left; left:5px; font-size: 12px; color: #666; width:90px; height:25px; line-height:25px; text-indent:10px; cursor:default; z-index:1;}
#cp_header .top_logo .ad { z-index: 34; position:absolute; top: 60px; left: 50%; margin-left: 265px; width: 200px; height: 65px; border: 1px dotted #eee; }
#cp_header .top_navi { width: 930px; margin: 0 auto; text-align: left;}
#cp_header .top_navi .navi {top: 143px; height: 35px;}
#cp_header .top_navi .icon{margin-top:-3px; margin-left:-19px;}
/*cp_פëÂâ€END*/
#header { z-index: 30; width:100%; height:auto; text-align: center; /*background:url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/popkon/common/header_bg.gif) repeat-x 0 0; */}
#header a.rollover img { border-width:0px; display:inline; }
#header a.rollover img.over { display:none; }
#header a.rollover:hover { border:0px }
#header a.rollover:hover img { display:none; }
#header a.rollover:hover img.over { display:inline; }
#header .top_menu { width: 930px; height: 30px; margin: 0 auto; text-align: left; }
#header .top_menu .site {height: 30px; float: left; }
.top_img { background-color: #fff; }
#header .top_menu .login { margin-top:10px; right:10px; /*margin-left:50px;*/ float: right; }
#header .top_menu .mypage_btn { top: 30px; margin-left:800px; float: right; }
#header .top_logo .mypage { z-index: 35; margin-top: 1px; float: right; display: block;}
#header .top_logo {position:relative; width: 930px; height:118px; margin: 0 auto; text-align: left; }
#header .top_logo:after{position:absolute; left:0; top:0; content:'***css작업으로ì¸Õ´ 내부ì—Â서만 보입니다.***(오Ãâ€Ë†Ã¬â€¹Å“ 수정예정)'; color:red; font-size:13px;}
#header .top_logo .logo { position:absolute; top:60px; }
#header .top_logo .search { /* 930/2 - 430/2 = 255 */
position:absolute; top:65px; margin-left: 250px;
width: 430px; height: 43px;
font-size: 12px;
background:url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/popkon/common/search_bg.jpg) no-repeat 0 0;
}
#header .top_logo .search input.input { position:absolute; bottom: 15px; border: 0; font-size: 12px; font-weight: bold; width: 230px; }
#header .top_logo .search input.submit { position:absolute; margin-top:3px; margin-left:10px; right:0px; border: 0; font-size: 12px; font-weight: normal; width: 37px; height: 37px; background:url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/popkon/common/search_btn.png) no-repeat 0 0; }
#header .top_logo .search select.select {
position:relative;
z-index:10;
width:90px !important;
height:25px !important;
line-height:25px;
font-size: 12px;
}
#header .top_logo .search span.select {
position:absolute;
bottom: 8px;
float:left;
left:5px;
font-size: 12px;
color: #666;
width:90px;
height:25px;
line-height:25px;
text-indent:10px;
cursor:default;
z-index:1;
}
#header .top_logo .ad { width: 200px; height: 65px; border: 1px dotted #eee; }
#header .top_navi { width: 1100px; margin: 0 auto; text-align: left; }
#header .top_navi .navi { }
/*뉴 컨Ã…Âʸ 2014 0326*/
#container .new_content { width: 960px; margin: 0 auto; text-align: left; }
/*뉴 컨Ã…Âʸ 2014 0326 ëÂÂ*/
/*footer2014 0326*/
#footer { text-align: center; padding-bottom: 30px; padding-left: 0px; padding-right: 0px; clear: both;}
#footer .new_menu { width: 100%; height: 36px; background-color: #fff; }
#footer .new_menu img { position:relative;}
#footer .new_menu .mbox { width: 960px; height: 36px; margin: 0 auto; text-align: left; border-top: 2px solid black; border-bottom: 1px solid black; }
#footer .new_menu .mbox .list { float: left; padding-left:15px; }
#footer .new_menu .mbox .family_site { position:relative; top:9px; width: 147px; float: right; }
#footer .new_menu .mbox .family_site select.select {
position:relative;
z-index:10;
width:147px !important;
height:19px !important;
line-height:19px;
font-size: 12px;
}
#footer .new_menu .mbox .family_site span.select{
position:absolute;
bottom: 0px;
float:left;
left:0;
font-size: 0px;
width:147px;
height:19px;
line-height:19px;
text-indent:10px;
background:url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/common/footer_family.gif) no-repeat 0 0;
cursor:default;
z-index:1;
}
#footer .new_footer_wrap { clear: both; width: 960px; height: 100px; margin: 0 auto; text-align: left; }
#footer .new_footer_wrap .flogo { float: left; margin-left:0px; margin-top: 35px; padding-right: 10px; }
#footer .new_footer_wrap .company { float: left; margin-top: 25px; line-height:20px; letter-spacing: -0.2px;}
#footer .new_footer_wrap .company a { background-color: #888; color: #fff; padding: 2px; }
#footer .new_footer_wrap .address { float: right; margin-top: 30px; }
/*footer*/
/* header_2 */
#header_2 { z-index: 30; width:100%; height:173px; text-align: center; background:url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/popkon/common/header_02_bg.gif) repeat-x 0 0; }
#header_2 a.rollover img { border-width:0px; display:inline; }
#header_2 a.rollover img.over { display:none; }
#header_2 a.rollover:hover { border:0px }
#header_2 a.rollover:hover img { display:none; }
#header_2 a.rollover:hover img.over { display:inline; }
#header_2 .top_menu { width: 930px; height: 30px; margin: 0 auto; text-align: left; }
#header_2 .top_menu .site {height: 30px; float: left; }
.top_img { background-color: #fff; }
#header_2 .top_menu .login { margin-top:10px; right:10px; margin-left:50px; float: right; }
#header_2 .top_menu .mypage_btn { top: 30px; margin-left:800px; float: right; }
#header_2 .top_logo .mypage { z-index: 35; margin-top: 1px; float: right; display: block;}
#header_2 .top_logo { width: 930px; margin: 0 auto; text-align: left; }
#header_2 .top_logo .logo { position:absolute; top:60px; }
#header_2 .top_logo .search { /* 930/2 - 430/2 = 255 */
position:absolute; top:65px; margin-left: 250px;
width: 430px; height: 43px;
font-size: 12px;
background:url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/common/search_bg.jpg) no-repeat 0 0;
}
#header_2 .top_logo .search input.input { position:absolute; bottom: 15px; border: 0; font-size: 12px; font-weight: bold; width: 230px; }
#header_2 .top_logo .search input.submit { position:absolute; margin-top:3px; margin-left:10px; right:0px; border: 0; font-size: 12px; font-weight: normal; width: 37px; height: 37px; background:url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/popkon/common/search_btn.png) no-repeat 0 0; }
#header_2 .top_logo .search select.select {
position:relative;
z-index:10;
width:90px !important;
height:25px !important;
line-height:25px;
font-size: 12px;
}
#header_2 .top_logo .search span.select {
position:absolute;
bottom: 8px;
float:left;
left:5px;
font-size: 12px;
color: #666;
width:90px;
height:25px;
line-height:25px;
text-indent:10px;
cursor:default;
z-index:1;
}
#header_2 .top_logo .ad { z-index: 34; position:absolute; top: 60px; left: 50%; margin-left: 265px; width: 200px; height: 65px; border: 1px dotted #eee; }
#header_2 .top_navi { width: 930px; margin: 0 auto; text-align: left; }
#header_2 .top_navi .navi { position: absolute; top: 143px; height: 35px; float: left; }
/* 시대ì—Âë“€ 리뉴얼 Õ´ëÂâ€end*/
/*contaner */
#container { position: relative; text-align: left; padding-bottom: 0px; width: 100%; }
#container:after { display: block; clear: both; content: ''; }
#container .content { width:1000px; margin: 0 auto; text-align: left; }
#container .content .left_category { width: 200px; float:left; }
#container .content .left_category ul{ font-size:0px; }
#container .content .left_category ul li { vertical-align:top; }
#container .content .left_category .sub_category ul li { font-size:14px; display:block; line-height:25px; }
#container .w1000{width:1000px;margin:0 auto}
#container .content .right .right_top { float: left; display: block;}
#container .content .right .right_top img { border: 0px; }
#container .content .right .right_bottom { display: inline; float:right;}
#container .content a.rollover img.over { display:none; }
#container .content a.rollover:hover { border:0px }
#container .content a.rollover:hover img { display:none; }
#container .content .middle_content .mleft { width: 200px; height:165px; float: left; }
#container .content .middle_content .mright {border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; width: 729px; height:164px; float: right; overflow: hidden; }
#container .content .middle_content .mright .mright_top { width:729px; height:27px; }
#container .content .middle_content .mright .mright_top_banner { float:left; }
#container .content .middle_content .mright .mright_top_more { float: right; margin-top: 3px; margin-right:3px; }
#container .content .middle_content .mright .mright_contents { float:left; left:0; }
#container .content .middle_content .mright .mright_contents .mloop_contents { float:left; margin-left:20px; margin-top:20px; width:220px; line-height:15px;}
#container .content .middle_content .mright .mright_contents .mloop_contents .mimg { float:left; border:0; width:100px; }
#container .content .middle_content .mright .mright_contents .mloop_contents .mtext p { font-size: 11px; font-family: "ë‹움"; color: #666666; padding-top:5px; }
#container .content .middle_content .mright .mright_contents .mloop_contents .mname { text-align:left; }
#container .content .bottom_banners .bcontents .bleft { margin-top: 10px; width: 200px; height:186px; float: left;}
#container .content .bottom_banners .bcontents .bright { margin-top: 10px; width: 730px; height:186px; float: left; overflow: hidden;}
#container .content .bottom_banners .bcontents .bright li {}
#container .content .bottom_banners .bcontents .bleft ul { font-size:0px;}
#container .content .bottom_banners .bcontents .bleft ul li { display:inline; }
#container .content .bottom_line { background:url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/popkon/common/footer_line.gif); height:1px; }
#container .content .cscenter { margin-top:10px;}
#container .content .cscenter .csleft { width: 270px; height:165px; float: left;display:inline; }
#container .content .cscenter .csleft ul li { margin-top:20px; margin-left:10px; }
#container .content .cscenter .csmiddle { width: 320px; height:165px; float: left; display:inline; }
#container .content .cscenter .csmiddle ul { margin-top:20px; margin-left:30px; }
#container .content .cscenter .csmiddle ul li { display:inline; }
#container .content .cscenter .csmiddle .csmbanner { float: left; display:inline; }
#container .content .cscenter .csmiddle .csmbanner ul {margin-top:20px; }
#container .content .cscenter .csmiddle .csmbanner ul li {display:inline; }
#container .content .cscenter .csmiddle .csquickbanner{ float: left; display:inline; }
#container .content .cscenter .csmiddle .csquickmbanner ul { margin-top:20px; }
#container .content .cscenter .csmiddle .csquickmbanner ul li { display:inline; }
#container .content .cscenter .csright { width: 300px; height:165px; float: left;display:inline; }
#container .content .cscenter .csright .latest_title { margin-top:20px; margin-left:30px; }
#container .content .cscenter .csright .latest_contents { height:200px; clear: both; margin-left:15px; padding-top: 10px; padding-left: 20px; }
#container .content .cscenter .csright .latest_contents img { float: left}
#container .content .cscenter .csright .latest_contents ul { float: left}
#container .content .cscenter .csright .latest_contents div { float: right}
#container .content .cscenter .csright .latest_contents li {clear: both; list-style-type: none; background: url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/popkon/common/bbs_icon.gif) no-repeat 0px 6px; padding-left: 12px; line-height:18px; width:300px;}
#container .content .cscenter .seals { float:right; margin-top:20px; width:40px;}
/*contaner */
#right_contents_noleft { width: 930px; float: left; overflow: hidden; }
#right_inner_contents_noleft { padding: 20px 0 0 0; width:930px; }
/*arrow*/
#arrow1{ position:absolute; float:left; overflow:hidden; top:0; left:0; }
#arrow2{ position:absolute; float:left; overflow:hidden; top:37px; left:0; }
#arrow3{ position:absolute; float:left; overflow:hidden; top:74px; left:0; }
#arrow4{ position:absolute; float:left; overflow:hidden; top:111px; left:0; }
#arrow5{ position:absolute; float:left; overflow:hidden; top:148px; left:0; }
#arrow6{ position:absolute; float:left; overflow:hidden; top:185px; left:0; }
#arrow7{ position:absolute; float:left; overflow:hidden; top:222px; left:0; }
.category_list { width:130px; float:left; padding:0 0 0 30px; }
.category_list li { list-style-type: none; display: inline-block; width: 120px; height:24px; line-height: 21px; font-size:12px;}
.category_list a { color: #d80000; font-weight: bold; }
.category_list a { color: #666; font-weight: normal; line-height: 1.8em; }
.category_list a:hover { color:#333; font-weight: bold; text-decoration:none; }
.category_banner { width:130px; float:left;padding: 0 0 0 20px; margin-top:5px;}
/*arrow*/
#user_guide { display:none; position:absolute; width:728px; height:165px; z-index:9999; margin: -165px 0 0 202px; }
/*footer*/
#footer { text-align: center; padding-bottom: 20px; padding-left: 0px; padding-right: 0px; clear: both; padding-top: 10px; }
#footer .menu { width: 100%; height: 30px; background-color: #fff; }
#footer .menu img { position:relative; top:9px; margin-right: 18px; }
#footer .menu .mbox { width: 930px; height: 30px; margin: 0 auto; text-align: left; border-top: 1px solid #888; border-bottom: 1px solid #888; }
#footer .menu .mbox .list { float: left; padding-left:15px; }
#footer .menu .mbox .family_site { position:relative; top:9px; width: 147px; float: right; }
#footer .menu .mbox .family_site select.select {
position:relative;
z-index:10;
width:147px !important;
height:19px !important;
line-height:19px;
font-size: 12px;
}
#footer .menu .mbox .family_site span.select{
position:absolute;
bottom: 3px;
float:left;
left:0;
font-size: 0px;
width:147px;
height:19px;
line-height:19px;
text-indent:10px;
background:url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/common/footer_family.gif) no-repeat 0 0;
cursor:default;
z-index:1;
}
#footer .footer_wrap { clear: both; width: 930px; height: 100px; margin: 0 auto; text-align: left; }
#footer .footer_wrap .flogo { float: left; margin-top: 45px; padding-right: 35px; }
#footer .footer_wrap .company { float: left; margin-top: 43px; padding-right: 35px; /*border-right: 1px solid #ddd; */}
#footer .footer_wrap .company a { background-color: #888; color: #fff; padding: 2px; }
#footer .footer_wrap .address { float: right; margin-top: 30px; }
/*footer*/
#container .content .left #accordion { position: relative; float: right; top: 3px; width: 276px; height: 245px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
#accordion h3 { margin: 0 0 1px; width: 100%; height: 30px; text-indent:10px; line-height: 30px; font-size: 12px; font-weight: bold; color: #666; background-color: #ccc; }
#accordion h3:hover { background-color: #eee; }
#accordion h3 a { float: right; padding-right: 10px; font-weight: normal; font-family: Verdana,sans-serif, dotum; font-size: 12px; color: #fff; }
#accordion h3 a:hover, active { color: #000; text-decoration: none; }
#accordion div { height: 120px; overflow: hidden; line-height: 2em; }
#accordion p { margin: 15px 0 0 15px; }
#quick_menu { z-index: 99; position: fixed; top: 0; left: 0; width: 42px; height: 100%; padding-top: 200px; border-right: 0px solid #ddd; background-color: #fff; background: url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/brand/common/quick_left_bg.gif) repeat-y 0 0; }
#quick_cart { z-index: 999; position: fixed; display:block; overflow:visible; top: 0; right: 0; width: 100px; height: 100%; padding-top: 30px; border-left: 1px solid #ddd; background-color: #fff; text-align: center; line-height: 2em; }
#quick_cart img.line { margin-top: 0px; margin-bottom: 3px; }
#quick_cart img.line2 { margin-top: 5px; margin-bottom: 10px; }
#quick_cart .item_list img { width: 60px; height: 70px; margin-bottom: 5px; }
#remote { display: none; z-index:110; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 200px; text-align: center;}
.full_wrap { display: block; z-index:100; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.5; filter: alpha(opacity=50);}
.myinfo { position: absolute; left: 50%; margin-left: -469px; z-index:999; width: 938px; height: 525px;}
/*renewla*/
.A-board-title .title_banner {
width: 100%;
margin: 0 auto;
padding-top: 0px;
box-sizing:border-box;
}
.title_banner.review_banner{
width:587px;
height: 130px;
box-sizing:border-box;
background:url('/_skin/sidae/images/board_new/title_img.png') right bottom no-repeat;
box-sizing: border-box;
}
.A-board-title em {
font-size: 24px;
line-height: 30px;
color: #000;
font-style: normal;
}
.A-board-title h1 {
margin-top: 8px;
font-size: 26px;
color: #000;
letter-spacing: -1.8px;
line-height: initial;
font-family:'noto5';
}
.A-board-title h1 span {
font-size:20px;
font-family:'noto3';
}
.A-board-title h3 {
margin-top: 8px;
font-size: 26px;
color: #000;
letter-spacing: -1.8px;
line-height: initial;
font-family:'noto5';
}
.A-board-title h3 span {
font-size:20px;
font-family:'noto3';
}
.A-board-title .ment {
font-size:13px;
color:#000;
margin-top:10px;
}
.A-board-title .notice{
margin-top:20px;
}
.A-board-title .notice li {
float:none;
font-size:15px;
color:#000;
margin-bottom:4px
}
.A-board-title .notice li > b{
font-family: 'noto5';
font-weight: 100;
}
.A-board-title .notice li img {
vertical-align: middle;
margin: 0 4px;
}
.top_header > ul{
width:1200px;
}
/* .top_header{
position:relative;
padding:45px 0 30px 0;
font-family: 'noto3';
border-bottom:1px #d3d3c9 solid;
background:#fff;
}
.top_header > ul > li{
float:none;
display: table-cell;
vertical-align: middle;
}
.top_header > ul > li.logo{
text-align: left;
width:230px;
}
.top_header > ul > li.logo > a{
display: inline-block;
}
.top_header > ul > li.logo .sm_notice{
display:block;
font-size:0;
width:180px;
height:35px;
background:#e5633f;
color:#fff;
padding:0 0 0 20px;
box-sizing:border-box;
border-radius:50px;
}
.top_header > ul > li.logo .sm_notice a{
color:#fff;
line-height:35px;
font-size:15px;
letter-spacing:-0.7px;
position:relative;
}
.top_header > ul > li.logo .sm_notice a:after{
display:inline-block;
content:"▶";
color:#000;
background:#fff;
height:18px;
line-height:18px;
font-size:10px;
border-radius:50%;
width:20px;
text-align:center;
vertical-align:middle;
margin:-4px 0 0 2px;
}
.top_header > ul > li.logo .sm_notice a:hover{
text-decoration:none;
}
.top_header > ul > li.center{
width:555px;
position:relative;
}
.top_header > ul > li.center .search {
width:100%;
line-height:50px;
font-size: 14px;
border:2px #0385cf solid;
box-sizing: border-box;
font-size:0;
position:relative;
text-align: left;
}
.top_header> ul > li.center .search input{
font-size: 14px;
border:0;
height:50px;
width:86%;
padding:0 2%;
}
.top_header > ul > li.center .search input.submit {
border: 0;
position:absolute;
right:0;
width:10%;
font-size: 12px;
height:50px;
background:#0385cf url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/popkon/common/blue_search_icon.png) no-repeat center center;
} */
/*써치 리뉴얼얼얼:S*/
/* .search_area{
width:100%;
}
.search_area .search_form{
border:2px solid #df1922;
border-radius:30px;
overflow:hidden;
width:100%;
height:55px;
padding:0 20px;
box-sizing:border-box;
background:#fff;
z-index:9;
position:relative;
}
.search_area .search_form .search_txt{
float:left;
width:90%;
height:100%;
box-sizing:border-box;
border:none;
font-size:18px;
}
.search_area .search_form .search_txt:focus{
outline: none;
}
.search_area .search_form .search_submit{
float:left;
width:10%;
height:100%;
border:none;
background:url('//static-sdedu.akamaized.net/img1/_skin/sidae/images/book_new/main_new/icon_search.png') right center no-repeat;
}
.best_search{
display:none;
position:absolute;
left:0;
top:44px;
width:100%;
box-sizing:border-box;
border:2px solid #4d525d;
background:#fff;
padding:49px 45px 28px 45px;
z-index:8;
border-radius:0 0 20px 20px;
}
.best_search .best_pd_list{
display:table;
width:100%;
}
.best_search .best_pd_list> *{
display:table-cell;
vertical-align:middle;
width:50%;
}
.best_search h3{
text-align:left;
font-size:19px;
margin-bottom:20px;
font-family:"noto5";
color:#000;
}
.best_search .best_pd_list ul li{
float:none;
margin-bottom: 12px;
color:#000;
}
.best_search .best_pd_list ul li a{
font-family:'noto5';
line-height:100%;
font-size: 14px;
font-weight:100;
}
.best_search .best_pd_list ul li a:hover{
color:#df1a23;
}
.best_search .best_pd_list ul li b{
display:inline-block;
font-family:'noto6';
margin-right:5px;
}
.best_search .best_pd_list ul li:last-child{
margin-bottom:0;
} */
/*써치 리뉴얼얼얼:E*/
.top_header > ul > li.ad{
padding-left:20px;
}
.top_header > ul > li.ad a{
vertical-align: middle;
padding-left:90px;
box-sizing:border-box;
display:inline-block;
width:220px;
}
.top_header > ul > li.ad a.type1{
background:url('/_skin/sidae/popkon/images/main/ipad.png') no-repeat left center;
}
.top_header > ul > li.ad a.type2{
background:url('/_skin/sidae/popkon/images/main/betatest.png') no-repeat left center;
}
.top_header > ul > li.ad a.type3{
background: url('/_skin/sidae/popkon/images/main/interview.png') no-repeat left 10px;
position: absolute;
left: 0;
}
.top_header > ul > li.ad a.type4{
background: url('/_skin/sidae/popkon/images/main/instagram_image.png') no-repeat left 6px;
position: absolute;
left: 0;
width: 235px;
}
.top_header > ul > li.ad a p {
border: 1px solid #aaa;
text-align: left;
padding:3px 5px;
width: 50px;
margin-top: 6px;
font-size: 11px;
color: #666;
line-height:13px;
}
.top_header > ul > li.ad a:hover p{
border:1px #000 solid;
}
.top_header > ul > li.ad a > h2{
color:#171547;
vertical-align: middle;
display: inline-block;
text-align: left;
font-size:18px;
line-height:22px;
font-family:'noto6';
letter-spacing:-1px;
margin: 0 0 3px 0;
}
.top_header > ul > li.ad a.type3 > h2 {
width: calc(100% + 30px);
margin: 0 0 3px 6px;
letter-spacing: -2px;
}
.top_header > ul > li.ad .swiper-pagination{
height:auto;
right:5px;
bottom:0;
}
.top_header > ul > li.ad .swiper-pagination span{
width:8px;
height:8px;
margin:0 2px;
background:#a8a8a8;
border-radius:50%;
border:0;
}
.top_header > ul > li.ad .swiper-pagination span.swiper-pagination-bullet-active{
background:#160035
}
.head_slide_bn{
width: 232px;
font-size:12px;
position:relative;
overflow:hidden;
padding:0 0 15px;
}
.jalnan {
font-family:'jalnan' !important;
font-weight:100;
}
.best_area{
width:100%;
display:table;
position:relative;
margin:15px 0 0 0;
}
.best_area .badge{
display: inline-block;
*display: inline;
zoom:1;
}
.best_area .badge,
.best_area .slider{
display: table-cell;
vertical-align: middle;
text-align:left;
}
.best_area .badge{
width:100px;
}
.best_area .badge span{
display: inline-block;
background:url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/popkon/common/badge_bg.png) no-repeat left center;
color:#fff;
border-radius: 5px;
font-size:14px;
width:85px;
line-height:25px;
text-align: center;
padding:0 10px 0 0
}
.best_area .slider{
padding:0 30px 0 0;
overflow: hidden;
position:relative;
}
.best_area .slider .arrow_area{
height:15px;
top:calc(50% - 8px);
position:absolute;
right:0;
width:53px;
font-size:0;
text-align: right;
}
.best_area .slider .arrow_area .swiper-button-next,
.best_area .slider .arrow_area .swiper-button-prev{
border:1px #b7b7b7 solid;
width:15px;
height:15px;
overflow:hidden;
position:initial;
*position:unset;
display: inline-block;
margin:0;
top:4.5px;
}
.best_area .slider .arrow_area .swiper-button-next{
background:url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/popkon/common/small_next_bg.png) no-repeat center center;
float:right;
border-left:0;
}
.best_area .slider .arrow_area .swiper-button-prev{
background:url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/popkon/common/small_prev_bg.png) no-repeat center 49%;
}
.best_area .slider .arrow_area .swiper-button-next:after,
.best_area .slider .arrow_area .swiper-button-prev:after{
display: none;
}
.best_area .slider .best_slider {
width:480px;
overflow: hidden;
position:relative;
}
.best_area .slider .best_slider li{
position:relative;
}
.best_area .slider .best_slider li a{
font-size:14px;
letter-spacing:-1px;
font-weight:100;
color:#525356;
display: inline-block;
*display: inline;
zoom:1;
padding:0 0 0 10px;
margin:0 0 0 5px;
position:relative;
width:21%;
text-align:center;
}
.best_area .slider .best_slider li a:first-child{
padding:0;
}
.best_area .slider .best_slider li a:after{
border-left:1px #000 solid;
content: "";
position:absolute;
left:0;
height:60%;
top:20%;
}
.best_area .slider .best_slider li a:first-child:after{
display: none;
}
.top_navi_new{
text-align: left;
border-bottom:1px #d3d3c9 solid;
/* margin:0 0 50px 0; */
}
.top_navi_new ul{
width:1200px;
margin:0 auto;
display: flex;
align-items: center;
/* justify-content: space-between; */
}
.top_navi_new ul li{
margin-right: 80px;
}
.top_navi_new ul li:first-child{
color: #fff;
}
.top_navi_new ul li:last-child{
color: #fff;
margin-right: 0;
}
.top_navi_new ul li a{
display: block;
font-size:16.5px;
color:#3f3f3f;
/* padding:20px 0; */
}
.top_navi_new ul li.gnb a{
background:url('//static-sdedu.akamaized.net/img1/_skin/sidae/popkon/main/2023/uit/icon.png') no-repeat #000 -105px -100px;
height: 32px;
line-height: 29px;
display: block;
padding: 0px 9px 0 28px;
color: #fff;
font-size: 15.5px;
border-radius: 6px;
border: 1px solid #0385cf;
box-sizing: border-box;
}
/* .top_navi_new ul li.gnb a:hover{
display:block;
color:#0385cf;
text-decoration: none;
border:1px solid #0385cf !important;
background:url('//static-sdedu.akamaized.net/img1/_skin/sidae/popkon/main/2023/uit/icon.png') no-repeat #fff -105px -100px;
} */
.top_navi_new ul li.gnb a.bg-black{
background:url('//static-sdedu.akamaized.net/img1/_skin/sidae/popkon/main/2023/uit/icon.png') no-repeat #000 -105px -100px;
border:1px solid #000;
}
.top_navi_new ul li.gnb a.bg-black:hover{
background:url('//static-sdedu.akamaized.net/img1/_skin/sidae/images/popkon/common/gnb_bg_black_over.png') no-repeat 3px center #fff;
border:1px solid #000 !important;
color:#000;
}
.top_navi_new ul li.right{
margin:0;
}
.top_navi_new ul li.right a{
position:relative;
}
.top_navi_new ul li a:hover{
text-decoration: none;
color: #3770e0;
}
.top_navi_new ul li.right a:first-child{
margin:0;
}
.top_category {
margin-bottom:40px;
}
.top_category .sub_category{
overflow: hidden;
margin:50px 0 0 0;
}
.top_category .sub_category ul{
border:1px #d1d1d1 solid;
border-top:0;
border-left:0;
font-size:0;
margin:0 0 0 0;
}
.top_category .sub_category ul li{
float:none;
display: inline-block;
width:25%;
box-sizing: border-box;
}
/*ë©â€Ã«â€°Â´ÃªÂ°â‚¬ 5ê°œì¼때*/
.top_category .sub_category.menu5 ul li{
width:20%;
}
.top_category .sub_category ul li a{
display: block;
text-align: center;
line-height:50px;
height:50px;
font-size:15px;
color:#818181;
border-top:1px #d1d1d1 solid;
border-left:1px #d1d1d1 solid;
box-sizing: border-box;
font-family:'noto3';
font-weight:100;
}
.top_category .sub_category ul li:hover a{
border:1px #000 solid;
color:#000;
text-decoration:none;
}
.top_category .sub_category ul li.selected a{
background:#000;
border:1px #000 solid;
color:#fff;
}
.bleft{
display: none;
}
#page_title{
border:0;
}
#page_title,
#page_title_bbs,
#page_title .t_title{
text-align: center;
float: none;
padding: 0;
width:1000px;
margin:0 auto;
}
#page_title .navi,
#page_title_bbs .navi{
display: none;
}
#page_title img{
display: none;
}
#container .content .right_bbs,
#container .content .right_contents,
#container .content .right_contents .right_inner_contents{
width:100%;
float: none;
padding:0;
}
#page_title .title_txt,
#page_title_bbs .t_title{
color: #000000;
font-size:24px;
line-height:100%;
border-bottom:1px #000 solid;
display: block;
width:100%;
display:block;
text-align:center;
margin-bottom:30px;
float:none;
font-family:'noto5';
}
#page_title_bbs .btline{
display: none;
}
#page_title_bbs .bbs_sub_title,
#page_title_bbs .t_title .title_txt {
display:table-cell;
vertical-align:middle;
text-align:center;
}
#page_title_bbs .bbs_sub_title {
width:28%;
font-size:12px;
vertical-align:bottom;
text-align:right;
}
#page_title_bbs .title_txt {
line-height:40px;
color:#000;
font-size:23px;
font-weight:100;
font-family:'noto5';
letter-spacing:-1px;
text-align:center;
}
/*무료강좌*/
.free_wrap{
margin-bottom: 130px;
}
.free_wrap .tab_wrap{
}
.side_menu{
padding:40px 0 50px 0;
border-bottom:1px #d1d1d1 solid;
}
.side_menu ul{
text-align: center;
font-size:0;
}
.side_menu li{
border:1px #d1d1d1 solid;
display: inline-block;
*display: inline;
zoom:1;
float:none;
margin:0 0 0 15px;
box-sizing: border-box;
}
.side_menu li:first-child{
margin:0;
}
.side_menu li.selected{
border:1px #3a3f4d solid;
background:#000; /*3a3f4d*/
color:#fff;
font-family:'noto5';
}
.side_menu li a{
display: block;
line-height:45px;
padding:0 35px;
font-size:15px;
color:#818181;
}
.side_menu li.selected a{
text-decoration: none;
color:#fff;
}
.side_menu li:hover {
border:1px #3a3f4d solid;
}
.side_menu li:not(.selected):hover a {
color:#000;
text-decoration:none;
}
.free_wrap .tab_wrap .tab_cont{
display: none;
overflow: hidden;
padding:50px 0;
position: relative;
}
.free_wrap .tab_wrap .tab_cont > span.tab_close{
position: absolute;
right:10px;
top:15px;
cursor:pointer;
border-radius: 100%;
font-size:25px;
display:block;
width:30px;
height:30px;
text-align:center;
line-height:27px;
transform: rotate(45deg);
}
.free_wrap .tab_wrap .tab_cont > span.tab_close:hover{
background:#000;
color:#fff;
}
.free_wrap .tab_wrap .tab_cont .select_list{
overflow: hidden;
font-size:0;
text-align: center;
}
.free_wrap .tab_wrap .tab_cont .select_list li{
display: inline-block;
*display: inline;
zoom:1;
vertical-align: top;
float:none;
font-size:12px;
width:162px;
margin:0 0 0 80px;
text-align: left;
}
.free_wrap .tab_wrap .tab_cont .select_list li:first-child{
margin:0;
}
.free_wrap .tab_wrap .tab_cont .select_list li h2{
color:#000;
font-size:16px;
padding:0 0 10px 0;
border-bottom:2px #000 solid;
font-family:'noto5';
}
.free_wrap .tab_wrap .tab_cont .select_list li h2{
margin:65px 0 20px 0;
}
.free_wrap .tab_wrap .tab_cont .select_list li h2:first-of-type{
margin:0 0 20px 0;
}
.free_wrap .tab_wrap .tab_cont .select_list li h2.ti6{
margin:41px 0 20px 0;
}
.free_wrap .tab_wrap .tab_cont .select_list li dd{
display: flex;
align-items: center;
margin:7px 0 0 0;
}
.free_wrap .tab_wrap .tab_cont .select_list li dd a{
font-size:14px;
color:#bababa;
word-break: keep-all;
font-weight:100;
line-height:120%;
display:block;
font-weight:400;
color:#7a7a7a;
}
.free_wrap .tab_wrap .tab_cont .select_list li dd .new {
margin-top: 4px;
margin-left: 4px;
font-family: 'market-m';
font-size: 10px;
font-weight: bold;
color: red;
}
.free_wrap .tab_wrap .tab_cont .select_list li dd:first-child{
margin:0;
}
.free_wrap .tab_wrap .tab_cont .select_list li dd.selected a,
.free_wrap .tab_wrap .tab_cont .select_list li dd:hover a{
color:#df1a23!important;
text-decoration:underline;
font-family:'noto5';
}
.free_wrap .detail_cont{
}
.free_wrap .detail_cont .location_wrap{
border-top:2px #000 solid;
border-bottom:1px solid #767676;
}
.free_wrap .detail_cont .location_wrap ul li{
float:none;
display: inline-block;
*display: inline;
zoom:1;
padding:15px 0;
margin:0 0 0 20px;
font-size:16px;
color:#000;
position:relative;
font-family:'noto5';
}
.free_wrap .detail_cont .location_wrap ul li:first-child{
margin:0;
}
.free_wrap .detail_cont .location_wrap ul li:before{
content: ">";
position:absolute;
left:-15px;
}
.free_wrap .detail_cont .location_wrap ul li:first-child:before{
display: none;
}
.free_wrap .detail_cont .special_lec_list{
border-bottom:1px #000000 solid;
margin:0 0 10px 0;
}
.free_wrap .detail_cont .special_lec_list > li{
float:none;
padding:20px 0;
border-bottom:1px #bdbdbd solid;
display: table;
width:100%;
position:relative
}
.free_wrap .detail_cont .special_lec_list > li .lec_img,
.free_wrap .detail_cont .special_lec_list > li .lec_txt,
.free_wrap .detail_cont .special_lec_list > li .lec_btn{
display: table-cell;
vertical-align: middle;
}
.free_wrap .detail_cont .special_lec_list > li .lec_img{
width:133px;
}
.free_wrap .detail_cont .special_lec_list > li .lec_img img{
display: block;
margin :0 auto
}
.free_wrap .detail_cont .special_lec_list > li .lec_txt{
width:600px;
padding-left:30px;
box-sizing:border-box;
}
.free_wrap .detail_cont .special_lec_list > li .lec_txt .tit{
color:#000;
font-size:17px;
font-family:'noto5';
font-weight:100;
margin:0 0 10px 0;
line-height:25px;
}
.free_wrap .detail_cont .special_lec_list > li .lec_txt .add{
font-size:0;
}
.free_wrap .detail_cont .special_lec_list > li .lec_txt .add > p {
line-height:2px;
}
.free_wrap .detail_cont .special_lec_list > li .lec_txt .add p:first-child span{
margin:0
}
.free_wrap .detail_cont .special_lec_list > li .lec_txt .add span{
display: inline-block;
*display: inline;
zoom:1;
margin:2px 0 0 15px;
font-size:13px;
color:#000;
font-weight:100;
letter-spacing:0.5px;
line-height:18px;
}
.free_wrap .detail_cont .special_lec_list > li .lec_txt .add span.red{
color:#df1a23;
font-family:'noto5';
}
.free_wrap .detail_cont .special_lec_list > li .lec_txt .add span:first-of-type{
margin:2px 0 0 0;
}
.free_wrap .detail_cont .special_lec_list > li .lec_btn{
vertical-align: bottom;
text-align: right;
font-size:0;
}
.free_wrap .detail_cont .special_lec_list > li .lec_btn a{
border:1px #878787 solid;
display: inline-block;
*display: inline;
zoom:1;
width:75px;
height:30px;
line-height:30px;
font-size:13px;
text-align: center;
margin:0 0 0 10px;
}
.free_wrap .detail_cont .special_lec_list > li .lec_btn a:first-child{
}
.free_wrap .detail_cont .special_lec_list > li .lec_btn a:hover{
text-decoration: none;
font-family:'noto5';
}
.free_wrap .detail_cont .special_lec_list > li .lec_btn a.red,
.free_wrap .detail_cont .special_lec_list > li .lec_btn a.book_btn_go{
background:#df1a23;
color:#fff;
font-family:'noto5';
border:1px solid #df1a23;
}
.free_wrap .detail_cont .special_lec_list > li .lec_btn a.no_book{
border:1px #d1d1d1 solid;
color:#c9c9c9;
pointer-events: none;
}
.free_wrap .detail_cont .book_pop{
border:1px #d1d1d1 solid;
position:absolute;
right:0;
bottom:68px;
background:#fff;
width:300px;
padding:15px;
}
.free_wrap .detail_cont .book_pop .close{
position: absolute;
right:10px;
top:10px;
font-weight:600;
font-size:14px;
color:#000;
}
.free_wrap .detail_cont .book_pop .close:hover{
text-decoration: none;
}
.free_wrap .detail_cont .book_pop h2{
font-size:14px;
color:#000;
margin:0 0 5px 0;
}
.free_wrap .detail_cont .book_pop .dash{
}
.free_wrap .detail_cont .book_pop .dash li{
float:none;
margin:5px 0 0 0;
}
.free_wrap .detail_cont .book_pop .dash li:first-child{
margin:0
}
.free_wrap .detail_cont .book_pop .dash li:before{
content: "-";
display: inline-block;
*display: inline;
zoom:1;
vertical-align: top;
width:3%;
}
.free_wrap .detail_cont .book_pop .dash li a{
display: inline-block;
*display: inline;
zoom:1;
vertical-align: top;
width:90%;
color:#000;
font-size:12px;
}
/*무료ʹ강 ì‹ ì²Â완료 ÃÅ’Âì—…*/
#confirm_pop{
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.6);
z-index: 2;
display: none;
}
#confirm_pop .confirm_con{
border:1px #d5d5d5 solid;
position:absolute;
background:#fff;
text-align: center;
padding:30px 0;
top:50%;
left:50%;
width:320px;
margin:-77px 0 0 -160px;
color:#000;
}
#confirm_pop .confirm_con h2{
font-size:18px;
}
#confirm_pop p{
font-size:14px;
padding:0 0 20px 0;
}
#confirm_pop .btn_area{
margin-top: 14px;
font-size:0;
}
#confirm_pop .btn_area a{
border:1px #000 solid;
display: inline-block;
*display: inline;
zoom:1;
padding:5px 10px;
font-size:14px;
width:113px;
background:#000;
color:#fff;
margin:0 0 0 10px;
}
#confirm_pop .btn_area a:first-child{
magin:0;
}
#confirm_pop .btn_area a.close{
background:#e5e5e5;
border:1px #e5e5e5 solid;
color:#000;
}
/*ì „ì²´ë©â€Ã«â€°Â´*/
.div_table{
display:table;
}
.div_tablecell{
display:table-cell;
vertical-align: middle;
}
.main_menu_wrap {
display:none;
position:fixed;
width:100%;
height:100%;
top:0;
left:0;
background:#ffffff;
z-index:9999;
}
.main_menu_con {
width:1010px;
margin:0 auto;
display: inline-block;
padding:50px 0 ;
}
.main_menu_con .main_menu_title{
border-bottom:2px solid #000;
color:#000;
padding-bottom:10px;
}
.main_menu_con .main_menu_title .div_tablecell {
width:200px;
}
.main_menu_con .main_menu_title .div_tablecell:nth-last-of-type(2){
width:600px;
}
.main_menu_con .main_menu_title .info_ment{
font-size:17px;
font-family:'noto5';
text-align:left;
}
.main_menu_con .main_menu_title .info_ment > span {
display:block;
font-size:12px;
color:#686868;
}
.main_menu_con .main_menu_title .title{
font-family:'noto5';
font-size:24px;
}
.main_menu_con .main_menu_title .main_close{
text-align: right;
}
.main_menu_con .main_menu_title .main_close span{
font-size:50px;
line-height: 29px;
text-align:center;
font-family:'noto2';
font-weight:100;
display:inline-block;
transform: rotate(45deg);
cursor:pointer;
width:35px;
height:35px;
border-radius: 25px;
}
.main_menu_con .main_menu_title .main_close span:hover{
background:#000;
color:#fff;
border-radius:50% 50% 50% 50%;
}
.main_menu_con .main_tab {
width:100%;
padding:20px 0;
border-bottom:1px solid #d1d1d1;
}
.main_menu_con .main_tab ul {
display:table;
margin: 0 auto;
}
.main_menu_con .main_tab ul li {
float:none;
display:table-cell;
padding:0 10px;
}
.main_menu_con .main_tab ul li a {
border:1px solid #b9b9b9;
height:33px;
line-height:30px;
box-sizing:border-box;
display:inline-block;
padding:0 20px;
font-size:14px;
border-radius: 33px;
}
.main_menu_con .main_tab ul li a:hover,
.main_menu_con .main_tab ul li a.selected{
border:1px solid #df1a23;
color:#df1a23;
font-family:'noto5';
text-decoration:none;
}
.main_menu_con .main_list_wrap{
height:600px;
overflow:auto;
padding:40px 0 0 ;
}
.main_menu_con .main_list{
overflow:hidden;
margin-bottom:80px;
}
.menu_type{
display:table;
color:#000;
text-align:left;
float: left;
}
.menu_type.menu_type1 {
width:580px;
}
.menu_type.menu_type2 {
width:363px;
}
.menu_type.menu_type3 {
width:297px;
}
.menu_type.menu_type4 {
width:639px;
}
.menu_type.menu_type5{
width: 359px;
}
.menu_type1 ul li{
width:25%;
}
.menu_type2 ul li {
width:33.33%;
}
.menu_type3 ul li ,
.menu_type5 ul li {
width:50%;
}
.menu_type4 ul li {
width: 33.33%;
}
.menu_type h3 {
font-size:18px;
font-family:'noto5';
border-bottom:1px solid #000;
margin-bottom:25px;
padding: 0 0 5px 0 ;
}
.menu_type ul {
width:100%;
overflow:hidden;
}
.menu_type ul li {
float:left;
font-size:14px;
margin-bottom:2px;
}
.menu_type ul .list-title{
font-family:'noto5';
margin-bottom:8px;
font-size:15px;
}
.menu_type ul li > a{
display:block;
font-size: 14.1px;
font-family:'noto3';
color:#949494;
margin-bottom:4px;
}
.menu_type ul li > a:hover,
.menu_type ul li > a.selected{
font-family:'noto5';
font-weight:100;
color:#000;
text-decoration:underline;
}
.menu_type .bull_ebs {
display:inline-block;
width:46px;
height:15px;
background:url('/_skin/sidae/images/board_new/ebs_icon.png')center no-repeat;
}
.menu_type ul li > a:hover,
.menu_type ul li > a.selected{
font-family:'noto5';
font-weight:100;
color:#000;
text-decoration:underline;
}
.menu_type .bull_ebs {
display:inline-block;
width:46px;
height:15px;
background:url('/_skin/sidae/images/board_new/ebs_icon.png')center no-repeat;
}
.top_navi_new.active{
position:fixed !important;
background:#fff;
top:0;
left:0;
width:100%;
margin:0 auto;
z-index:999
}
/*ë„서소개 ë™ì˜ÂìƒÂ;S*/
.popupVideo{
height:50px;
font-size:0;
}
.popupVideo.type1{
height: auto;
position:absolute;
font-size:12px;
width:200px;
border:1px #2c4881 solid;
border-radius:10px;
left:50%;
top:0;
}
.popupVideo.type1 p{
text-align:center;
overflow:hidden;
background:#fff;
border-radius:8px;
color:#2c4881;
line-height:30px;
letter-spacing: -1px
}
.popupVideo.type1 p a{
background:#2c4881;
display: block;
line-height:43px;
font-size:15px;
color:#fff;
}
.popupVideo.type1 p a span{
padding:0 30px 0 0;
display: inline-block;
background:url(/_skin/sidae/popkon/images/white_icon.png) no-repeat 100% center;
}
.popupVideo.type1 p a:hover span,{
background:url(/_skin/sidae/popkon/images/blue_icon.png) no-repeat 97% center;
}
.popupVideo.type2{
width:100%;
background:#546eac;
font-size:14px;
color:#fff;
line-height:35px;
height:35px;
margin:0 0 5px 0;
border-radius:3px;
font-family:'noto3';
}
.popupVideo.type2 a{
display:block;
width:100%;
height:100%;
text-align:left;
padding-left:17%;
box-sizing:border-box;
background: url(/_skin/sidae/popkon/images/white_icon.png) no-repeat 8% center;
}
.popupVideo.type2 a:hover{
background:url(/_skin/sidae/popkon/images/blue_icon.png) no-repeat 8% center;
}
.video-popup{
display: none;
}
.video-popup.reveal {
display: flex;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
justify-content: center;
align-items: center;
z-index:99999
}
.video-popup .video-wrapper {
position: relative;
width: 100%;
z-index: 10
}
.video-popup .video-content {
position: absolute;
border:1px solid #fff;
background:#fff;
color:#fff;
left:50%;
top:50%;
margin:-157.5px 0 0 -280px;
}
.video-popup.reveal .video-bg{
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, .7);
z-index: 9
}
.video-popup.reveal .video-popup-closer{
width: 40px;
height: 40px;
position: absolute;
right: 0;
top: -46px;
z-index: 99;
cursor:pointer;
}
.video-popup.reveal .video-popup-closer > img {
border:none !important;
}