@charset "utf-8";
/*color:#E53032;color:rgb(45,130,194)*/
*{font-size:inherit;font-weight:inherit;font-family:inherit;border:0;outline:none;}
html,body{font-size:14px;color:#333;font-family:맑은 고딕,Malgun Gothic,'Noto Sans KR',applegothic,sans-serif,arial;letter-spacing:-0.05em;}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:#333}
a:hover{color:inherit;}
/*색상:color:#e53032;rgb(229, 48, 50);hsl(359, 78%, 54%);*/
.tcol,.pageNavigation strong,.colorActive,.mobile_menu .btnWrap a:before,.productView .productSaleInfo .mallControlBtn ul li #cartBtn
{color:#E53032 !important;}
.tcolb,.table_basic,#ajax_body,.productView .productInfo .productImageZoom a:hover,.tmp-select > a:before,.form-control:focus,.input:focus
{border-color:#E53032 !important;}
{border-color:#E53032;}
.tcolbg,.tb thead tr,#ajax_display .menu_black,.new_login_box .loginbtn,#clNav:hover > div,.tabRecent .on:before,.subHeader h3,.productTab li.on .productSaleInfo .mallControlBtn ul li .buyBtn
,.banner .bx-pager div a.active,.Photo:before,.Photo *:before
{background-color:#2e4f88 !important;}
.btnPack.strong,.box:after,.btnPack.blue,.btnPack.red
{background-color:#2e4f88;}
.tcolb, .table_basic, #ajax_body, .productView .productInfo .productImageZoom a:hover, .tmp-select > a:before, .form-control:focus, .input:focus {border-color:#2e4f88 !important}

#Default .emailContent{background:rgba(45,130,194,0.1);}
#Default .emailContent dt{color:rgba(45,130,194,0.7);}

/*-------Layout & Color-------*/
#header{background:#fff}
#header .sticky{ background:rgba(255,255,255,0.8);}
#header .container{padding-top:1%;}

#login_container {margin:0 10% !important;}
#container {padding:0 !important}

.topmn{width:100%; height:40px; border-bottom:1px solid #ebebeb}
.topmn .topmn_box{width:1200px; margin:0 auto; }
.topmn .topmn_box ul{overflow:hidden; float:right; padding:5px}
.topmn .topmn_box ul li{float:left; padding:2px 10px;}
.topmn .topmn_box ul li a{color:#a3a3a3; font-size:95%}

.docThumb .cell .viewImage .thumbNail, .docThumb .cell .viewImage .thumbNail_on {    height: 146px !important;}

.menu_wrap{ background:rgba(255,255,255,0.9); height:300px !important; width:100%; border-top:1px solid #ebebeb; padding:20px;}
.logo{ float:left}


.direct{position:absolute;right:0;top:5px;font-size:90%;z-index:11}
.direct li{float:left;}
.direct li:before{content:'';background:rgba(0,0,0,0.15);width:1px;height:12px;display:inline-block;vertical-align:middle;margin:0 7px 3px}
.direct li:first-child:before{display:none}


.localNavi{ float:right;width:70%;font-family:'Noto Sans KR',sans-serif,arial;}
.localNavi ul{width:100%;position:relative;display:table;}
.localNavi ul li{text-align:center;position:relative;}
.localNavi ul li:hover{color:#4274cb}
.localNavi ul li .mlink{padding-bottom:20px;font-size:21px;height:auto;line-height:65px;font-weight:700;position:relative;display:inline-block;white-space:nowrap; overflow:inherit !important}
.localNavi ul li .mlink:before{content:'';height:12px;;position:absolute;bottom:0;left:0;right:0px;display:none;background-color:#4274cb;}
.localNavi ul li:hover .mlink:before{display:block;}
.localNavi ul li ul{padding:20px 0; color:#000}
.localNavi ul li ul li{display:block;height:auto}
.localNavi ul li ul li a{display:block;font-size:15px;line-height:30px;height:auto;}
.localNavi ul li ul li:hover a{color:#4274cb; font-weight:500 !important}


#SubVisual {height:350px;text-align:center;width:100%;position:relative;overflow:hidden;}
.s000 { background:url(../image/sub/sub_visual000.jpg) center center;}
.s001 { background:url(../image/sub/sub_visual001.jpg) center center;}
.s003 { background:url(../image/sub/sub_visual003.jpg) center center;}
.s004 { background:url(../image/sub/sub_visual004.jpg) center center;}
.s005 { background:url(../image/sub/sub_visual005.jpg) center center;}
.s006 { background:url(../image/sub/sub_visual003.jpg) center center;}

#SubVisual *{vertical-align:middle;height:100%;max-height:100%;}
#SubVisual .row{display:table;table-layout:fixed;position:relative;width:100%;z-index:1}
#SubVisual strong{font-family:'Nanum Square';font-weight:900;color:#fff;display:block;font-size:37px;text-shadow:0 3px 5px rgba(0,0,0,0.2);width:100%;letter-spacing:0;transition:height 1s ease 0.2s;line-height:1.1em;text-transform:uppercase;padding-top:11%}
#SubVisual strong em{font-family:'Noto Sans KR',sans-serif,arial;font-size:16px; display:block; line-height:1.5em; padding-top:2%;letter-spacing:-0.05em;}


.subMenu{position:relative;text-align:center;z-index:1;width:100%;float:left}
.subMenu:before{content:'';position:absolute;left:0;right:0;top:0;background:rgba(0,0,0,0.3)}
.subMenu:before,.subMenu .container{text-align:center;}
.subMenu:after {content:'';display:block;clear:both;background:#2e4f88;height:2px;}



.subMenu .parents { clear:both}
.subMenu .parents li {border-bottom:1px solid #e1e1e1;font-family:'Noto Sans KR',sans-serif,arial; font-size:11px;; font-weight:700; color:#585858; }
.subMenu .parents li a { display:block;padding-left:30px;}
.subMenu .parents li a:hover {background-color:#17366a; color:#fff; transition:all 0.2s}
.subMenu .parents li .active {background-color:#17366a;font-weight:700; color:#fff;}
.subMenu .parents li:last-child {border-bottom:none}

.subMenu .parents .childes li {font-size:85%; color:#2e4f88;}
.subMenu .parents .childes li a { display:block; padding-left:40px; line-height:30px;  height:30px}
.subMenu .parents .childes li a:hover {color:#2e4f88; background-color:#f5f5f5; transition:all 0.2s}
.subMenu .parents .childes li .active {color:#2e4f88; background-color:#f5f5f5}


.subLeft_wrap { position:absolute; top:-35px; left:0;}
.submenuTop { width:255px; height:200px; background-color:#2e4f88;font-family:'Nanum Square';}
.submenuTop h2 {display:block; color:#fff; font-weight:800;font-size:200%; text-align:center; line-height:200px}
.submenuTop h2:before {content:''; display:block; width:30px; height:1px; background-color:#fff; transform:rotate(45deg); position:absolute; top:50px; left:110px}
.submenuTop h2 span { display:block; color:rgba(255,255,255,0.3); font-size:50%}


.sub_row{ width:74%; float:right; margin-top:60px;}
.sub_row .subTitle{margin:5% 0;position:relative;text-align:center;font-family:'Nanum Square'; border-bottom:2px solid #e3e3e3; overflow:hidden}
.sub_row .subTitle h1{display:block; padding-bottom:20px;font-weight:800;font-size:210%; text-align:left; float:left}
.sub_row .subTitle p{font-size:110%;margin-top:1.5%;word-break:keep-all;}
.sub_row .subTitle .Path{font-family:'Noto Sans KR',sans-serif,arial;display:block; float:right; margin-top:20px}


.tab_design {display:table; table-layout:fixed; margin-bottom:20px;border-top:2px solid #2e4f88; width:100%}
.tab_design li { display:table-cell; vertical-align:middle;text-align:center;font-family:'Noto Sans KR',sans-serif,arial; font-size:14px; font-weight:600; color:#585858}
.tab_design li a {display:block;padding:10px;}
.tab_design li a:hover {transition:all 0.5s;}
.tab_design .off {border:1px solid #eee; background:#fff;}
.tab_design .off a {color:#2e4f88;}
.tab_design .on {background:#2e4f88;}
.tab_design .on a {color:#fff;}

.con_txt { width:90%; margin:0 auto; font-size:110%; text-align:center; line-height:2; font-family:'Noto Sans KR',sans-serif,arial; word-break:keep-all;padding:30px 0}
.con_txt span { display:block; color:#2e4f88; font-weight:700; padding:20px 0}
.con_txt strong { font-weight:700;font-size:120%;color:rgba(0,0,0,0.7)}

.productView .productSaleInfo { width:45%}
.productView .productSaleInfo .detailContent .productSalsePrice { font-size:120% !important}
.productView .productInfo .productImageView {margin-right:5% !important}
.productView .productSaleInfo .detailContent dt { width:80px !important; font-size:80%}
.productView .productSaleInfo .mallControlBtn ul li a { font-size:120% !important}
.buyBtn {color:#2e4f88 !important; border:1px solid rgba(0,0,0,0.2) !important}
.productTab li.tab.on a {color:inherit !important}

.productList .cell .center { padding:20px 0 !important}
.productList .cell .center .productName {font-size:130% !important; margin:0 auto !important}
.productList .cell .center .productSubject { margin-bottom:0 !important}
.productList .cell .center .priceAndPoint .price { font-size:100% !important}

.table_basic tbody td.hidden-xs { text-align:center}

#footer{ text-align:center; padding:15px 0 40px 0; }
#footer .container ul { }
#footer .container .info{ padding:10px 0;}

/* 신청하기 버튼 */
.btn_apply { margin:0 auto;}
.btn_apply a { display:block; color:#fff; font-size:150%; padding:10px; border-radius:5px; background-color:#2e4f88; text-align:center; border:1px solid #2e4f88; font-family:'Nanum Square';}
.btn_apply a:hover { background-color:#fff; color:#2e4f88; transition:all 0.2s;}

/* 양식 다운로드 */
.file_box { width:100%; height:auto; border:2px solid rgba(0,0,0,0.3); text-align:center; margin-bottom:60px; padding:30px}
.file_box a {display: block;font-size: 120%;letter-spacing: -0.1em;border: 1px solid rgba(0,0,0,0.1);border-radius: 20px;width: 30%;margin: 0 auto;padding: 5px;margin-top: 10px;}
.file_box a:hover { border: 1px solid rgba(0,0,0,0.5); transition:all 0.2s }
.file_box p { font-size:130%; font-weight:700; color:rgba(0,0,0,0.8)}

@media only screen and (max-width: 1200px){	
.container {    width: 1170px ;}

}