/** 레이아웃 관련 */
@CHARSET "UTF-8";

#wrap{background-color:#353132;}
@media all and (min-width:1px) and (max-width:1218px){
#container{width:1200px;margin:0 auto;z-index:100;}
}
@media all and (min-width:1219px) and (max-width:1366px){
#container{width:1366px;margin:0 auto;z-index:100;}	
}
@media all and (min-width:1367px){
#container{width:1500px;margin:0 auto;z-index:100;}
}

#skipNavi li{width:120px;height:30px;position:fixed;top:-30px;left:0;}
#skipNavi li a{display:block;}

/** 배경 관련 **/
#container{background-color:#123a6b;}

/** 상단메뉴 관련 **/
#container #header_wrap{height:750px;z-index:10;}
#container #header_wrap #header{width:900px;margin:0 auto;}
#container #header_wrap #header .top{padding-top:30px;height:200px;}
#container #header_wrap #header .top .ci{float:left;}
#container #header_wrap #header .top #gnb{float:right;margin-top:24px;}
#container #header_wrap #header .top #gnb li{float:left;width:130px;background:url('../../img/common/img_bar01.png') no-repeat right 2px;}
#container #header_wrap #header .top #gnb li.last{background:none;}
#container #header_wrap #header .top #gnb li a{color:#fff;width:130px;text-align:center;display:block;font-size:16px;font-weight:bold;}
#container #header_wrap #header .top #gnb li a:hover{background:url('../../img/common/bg_gnb.png') no-repeat 0 0;}
#container #header_wrap #header .top #gnb li .gnb_sub{margin-top:16px;/* display:inline-block; */display:none;}
#container #header_wrap #header .top #gnb li .gnb_sub li{background:none;margin-bottom:10px;}
#container #header_wrap #header .top #gnb li .gnb_sub li a{height:20px;line-height:20px;font-weight:normal;font-size:14px;}
#container #header_wrap #header .middle{margin-top:58px;color:#fff;height:280px;}
#container #header_wrap #header .middle .left{width:550px;float:left;}
#container #header_wrap #header .middle .company_full{font-size:22px;font-weight:bold;margin:28px 0 34px 0;}
#container #header_wrap #header .middle .left .icons img{margin-right:10px;float:left;}
#container #header_wrap #header .middle .right{width:330px;float:right;margin-top:0px;}
#container #header_wrap #header .middle .right .company_explain{line-height:23px;margin-bottom:33px;}

#wrap{background-color:#353132;}
@media all and (min-width:1px) and (max-width:1218px){
#container #content{width:1200px;}
}
@media all and (min-width:1219px) and (max-width:1366px){
#container #content{width:1366px;}
}
@media all and (min-width:1367px){
#container #content{width:1500px;}
}

#container #content{margin:0 auto;position:relative;/* display:inline-block; */}

#container #footer{height:90px;padding-top:20px;clear:both;}
#container #footer .footer_info{text-align:center;color:#fff;line-height:14px;margin-bottom:10px;}
#container #footer .footer_info img{vertical-align:middle;margin-left:5px;}

/* header bg image */
.bg_header_main{background:url('../../img/common/bg_header_main.jpg') no-repeat center 0;}
.bg_header_sub01{background:url('../../img/common/bg_header_sub01.jpg') no-repeat center 0;}
.bg_header_sub02{background:url('../../img/common/bg_header_sub02.jpg') no-repeat center 0;}
.bg_header_sub03{background:url('../../img/common/bg_header_sub03.jpg') no-repeat center 0;}
.bg_header_sub04{background:url('../../img/common/bg_header_sub04.jpg') no-repeat center 0;}
.bg_header_sub05{background:url('../../img/common/bg_header_sub05.jpg') no-repeat center 0;}
.bg_header_subEtc{background:url('../../img/common/bg_header_subEtc.jpg') no-repeat center 0;}

/** navi */
#navi_wrap{position:absolute; z-index:100; width:125px;top:100px;left:160px;display:none;}

@media all and (min-width:1px) and (max-width:1218px){
#navi_wrap{left:80px;}
}
@media all and (min-width:1219px) and (max-width:1366px){
#navi_wrap{left:80px;}	
}
@media all and (min-width:1367px){
#navi_wrap{left:80px;}
}

#navi_wrap .navi{}
#navi_wrap .navi li{height:28px;margin-bottom:0px}
#navi_wrap .navi .navi_icon{float:right;margin-top:0px;}
#navi_wrap .navi .navi_title{background:url('../../img/common/bg_navi_title01.png') no-repeat 0 0;float:left;width:95px;height:28px;margin-right:8px;padding:5px 0 0 6px;font-size:13px;line-height:15px;display:none;}
#navi_wrap .navi .navi_btn{float:right;}

/** common layout box */ 
.box01{height:990px;border-top:2px solid #fff;background-color:#fff;}
.box01a{height:1600px;border-top:2px solid #fff;background-color:#fff;}
.box01b{height:2000px;border-top:2px solid #fff;background-color:#fff;}
.box01c{height:990px;border-top:2px solid #fff;background-color:#fff;}
.box02{height:1200px;border-top:2px solid #fff;background-color:#f0f0f0;}
.box05{height:4600px;border-top:2px solid #fff;background-color:#fff;}
.box03{background-color:#fff;padding-bottom:100px;}
.box03 .comingsoon{margin:0 auto;display:block;padding:190px 0 210px 0;}
.box03 .error{margin:0 auto;display:block;padding:400px 0 210px 0;}
.line{background:url('../../img/common/bg_bar01.jpg') repeat-x 0 270px;background-color:#fff;}
.error_line{background:url('../../img/common/bg_bar01.jpg') repeat-x 0 500px;background-color:#fff;}
.box04{height:776px;border-top:2px solid #fff;background-color:#f0f0f0;}
.box{width:900px;margin:0 auto;/* line-height:0; */}
.bd_bottom{border-bottom:2px solid #fff;}

.sub_title{margin:70px 0 30px 0;}
.sub01_title{margin:100px 0 42px 0;}
.sub01_title03{margin:10px 0 42px 0;}

.sub02_title01{margin:67px 0 52px 0;height:60px;width:727px;border-bottom:1px solid #cdcdcd;}
.sub02_title02{margin:62px 0 42px 0;}
.sub02_title03{margin:61px 0 51px 0;height:60px;width:727px;border-bottom:1px solid #cdcdcd;}
.sub02_title04{margin:62px 0 50px 0;}
.sub02_title05{margin:60px 0 52px 0;height:60px;width:727px;border-bottom:1px solid #cdcdcd;}
.sub02_title06{margin:62px 0 51px 0;}
.sub02_title07{margin:61px 0 51px 0;height:60px;width:727px;border-bottom:1px solid #cdcdcd;}
.sub02_title08{margin:62px 0 50px 0;}
.sub02_title09{margin:61px 0 51px 0;height:60px;width:727px;border-bottom:1px solid #cdcdcd;}
.sub02_title10{margin:62px 0 50px 0;}

.sub03_title01{margin:70px 0 50px 0;height:62px;width:532px;border-bottom:1px solid #cdcdcd;}
.sub03_title02{margin:60px 0;}
.sub04_title01{margin:70px 0 50px 0;height:62px;width:440px;border-bottom:1px solid #cdcdcd;}
.sub04_title02{margin:60px 0;}
.subEtc_title{margin:100px 0 40px 0;}

/** admin */
#adm_wrap{}
#adm_wrap #adm_header{height:50px;background-color:#ccc;}
#adm_wrap #adm_header .ci{margin:7px 0 0 11px;float:left;}
#adm_wrap #adm_header .logout_btn{margin:15px 0 0 30px;float:left;}
#adm_wrap #adm_container #adm_left{background-color:#f8f8f8;width:140px;float:left;}
#adm_wrap #adm_container #adm_left .title{background-color:#3a3d47;height:75px;line-height:75px;color:#fff;font-weight:bold;padding-left:20px;}
#adm_wrap #adm_container #adm_left .menu_list{margin:13px 0 100px 10px;width:150px;}
#adm_wrap #adm_container #adm_left .menu_list li{margin-bottom:5px;height:25px;}
#adm_wrap #adm_container #adm_left .menu_list li a{display:inline-block;width:150px;height:25px;line-height:25px;}
#adm_wrap #adm_container #adm_left .menu_list li a.on, #adm_wrap #adm_container #adm_left .menu_list li a:hover{background-color:#891739;color:#fff;font-weight:bold;}
#adm_wrap #adm_container #adm_content{float:left;margin-left:30px;display:inline;}
#adm_wrap #adm_footer{height:50px;background-color:#ccc;clear:both;}
#adm_wrap #adm_footer p{text-align:center;padding:20px 0 0 10px;}

/** etc - color, align, margin, padding, input .. */
.input218{width:206px;height:20px;line-height:20px;padding:0 5px;border:1px solid #ddd;font-family:NanumGothic;}
.input160{width:148px;height:28px;line-height:28px;padding:0 5px;border:1px solid #dfdfdf;font-family:NanumGothic;}
.input200{width:188px;height:28px;line-height:28px;padding:0 5px;border:1px solid #dfdfdf;font-family:NanumGothic;}
.input213{width:189px;height:28px;line-height:21px;padding:0 12px;border:1px solid #dfdfdf;font-family:NanumGothic;}
.input438{width:414px;height:28px;line-height:21px;padding:0 12px;border:1px solid #dfdfdf;font-family:NanumGothic;}
.input450{width:438px;height:28px;line-height:28px;padding:0 5px;border:1px solid #dfdfdf;font-family:NanumGothic;}

.textarea438{width:414px;height:201px;line-height:21px;padding:5px 12px 0 12px;overflow-y:auto;border:1px solid #dfdfdf;}

.validate_msg30{color:#d73c1e;font-weight:bold;padding-left:10px;float:left;line-height:30px;}

div.border_eb9d8e, input.border_eb9d8e{border:1px solid #eb9d8e;}
.border_top_dfdfdf{border-top:1px solid #dfdfdf;}

.c7b{color:#7b7b7b;}
.cf9{color:#f9f9f9;}
.bgf8{background-color:#f8f8f8;}

.align_center{text-align:center;}

.float_left{float:left;}

.mtm15{margin-top:-15px !important;}
.mtm80{margin-top:-81px !important;}
.mtm188{margin-top:-188px !important;}
.mt4{margin-top:4px;}
.mt7{margin-top:7px;}
.mt10{margin-top:10px;}
.mt12{margin-top:12px;}
.mt13{margin-top:13px;}
.mt14{margin-top:14px;}
.mt16{margin-top:16px;}
.mt20{margin-top:20px;}
.mt45{margin-top:45px;}
.mt62{margin-top:62px;}
.mt345{margin-top:345px;}
.ml6{margin-left:6px;}
.ml10{margin-left:10px;}
.ml16{margin-left:16px;}
.ml20{margin-left:20px;}
.ml33{margin-left:33px;}
.ml45{margin-left:45px;}
.ml50{margin-left:50px;}
.ml68{margin-left:68px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl19{padding-left:19px;}
.pl21{padding-left:21px;}
.pl24{padding-left:24px;}
.pl30{padding-left:30px;}
.pl43{padding-left:43px;}
.pl50{padding-left:50px;}
.pb10{padding-bottom:10px;}

.mr10{margin-right:10px;}
.mr11{margin-right:11px;}
.mr20{margin-right:20px;}
.mr21{margin-right:21px;}
.mr33{margin-right:33px;}
.mr45{margin-right:45px;}

.mb13{margin-bottom:13px;}
.mb23{margin-bottom:23px;}
.mb30{margin-bottom:30px;}
.mb34{margin-bottom:34px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb42{margin-bottom:42px;}
.mb50{margin-bottom:50px;}
.mb70{margin-bottom:70px;}

.pt10{padding-top:10px;}
.pt14{padding-top:14px;}
.pt22{padding-top:22px;}
.pt30{padding-top:30px;}

.height4{height:4px;}
.height40{height:40px;}
.height60{height:60px;}
.height81{height:81px !important;}
.height188{height:188px !important;}
.height1258{height:1258px;}
.height1375{height:1375px;}

.width120{width:120px !important;}
.width179{width:179px;}
.width230{width:230px}
.width365{width:365px;}
.width600{width:600px;}
.width900{width:900px;}

.fs12{font-size:12px;}
.fs14{font-size:14px;}

.displayib{display:inline-block;}

.vam{vertical-align:middle;}