@charset "utf-8";
/* 공통 */
body{position:relative;}

/* layout */
#main.cms{background-color:#dde3e7;}
#main.cms #wrap{position:relative; min-width:1400px;}
#main.cms #wrap .layout{position:relative; margin:0; padding:0px; box-sizing:border-box;}


/* container */
#main.cms #container{position:relative; z-index:0;}
#main.cms #container .layout{display:table; table-layout:fixed; width:100%;}
#main.cms #container #remote{position:relative; display:table-cell; vertical-align:top; width:215px; padding:0px 0px 130px 0px; background-color:#1a1f2b; background-image:url(../../images/cms/layout/bg_remote.png); background-repeat:repeat-x; background-position:left top; box-sizing:border-box;}
#main.cms #container #remote h1{display:block; position:relative; z-index:1; height:125px;}
#main.cms #container #remote .menu_up{display:block; overflow:hidden; position:absolute; right:10px; top:18px; z-index:2; width:19px; height:14px; text-indent:-1000px; background:url(../../images/cms/layout/icon_menu_up.png) no-repeat left top;}
#main.cms #container #remote .scroll_y{position:relative; height:100%;}
#main.cms #container #remote .js_menu{width:100%; box-sizing:border-box;}
#main.cms #container #remote .js_menu ul{border-top:1px solid #282f40;}
#main.cms #container #remote .js_menu ul li{border-bottom:1px solid #282f40;}
#main.cms #container #remote .js_menu ul li a{
	display:block; line-height:22px; padding:16px 11px 16px 39px; font-weight:600; font-size:14px; background-color:#1a1f2b; box-sizing:border-box;
	transition : all 0.5s ease;
    -webkit-transition : all 0.5s ease;
    -moz-transition : all 0.5s ease;
    -ms-transition : all 0.5s ease;
    -khtml-transition : all 0.5s ease;
    -o-transition : all 0.5s ease;
}
#main.cms #container #remote .js_menu ul li a:link,
#main.cms #container #remote .js_menu ul li a:visited,
#main.cms #container #remote .js_menu ul li a:active{border-left:3px solid #1a1f2b; color:#8b93a7; text-decoration:none;}
#main.cms #container #remote .js_menu ul li a:hover,
#main.cms #container #remote .js_menu ul li a.on:link,
#main.cms #container #remote .js_menu ul li a.on:visited,
#main.cms #container #remote .js_menu ul li a.on:active,
#main.cms #container #remote .js_menu ul li a.on:hover{font-weight:600; border-left:3px solid #62cf40; color:#fff; background-color:#0e1217;}
#main.cms #container #remote .js_menu ul li a[class^="icon_"]{background-position:11px 17px; background-repeat:no-repeat;}
#main.cms #container #remote .js_menu ul li a.icon_01{background-image:url(../../images/cms/layout/icon_01.png);}
#main.cms #container #remote .js_menu ul li a.icon_02{background-image:url(../../images/cms/layout/icon_02.png);}
#main.cms #container #remote .js_menu ul li a.icon_03{background-image:url(../../images/cms/layout/icon_03.png);}
#main.cms #container #remote .js_menu ul li a.icon_04{background-image:url(../../images/cms/layout/icon_04.png);}
#main.cms #container #remote .js_menu ul li a.icon_05{background-image:url(../../images/cms/layout/icon_05.png);}
#main.cms #container #remote .js_menu ul li a.icon_06{background-image:url(../../images/cms/layout/icon_06.png);}

#main.cms #container #remote .js_menu ul li a.icon_01.on,
#main.cms #container #remote .js_menu ul li a.icon_01:hover{background-image:url(../../images/cms/layout/icon_01_ov.png);}
#main.cms #container #remote .js_menu ul li a.icon_02.on,
#main.cms #container #remote .js_menu ul li a.icon_02:hover{background-image:url(../../images/cms/layout/icon_02_ov.png);}
#main.cms #container #remote .js_menu ul li a.icon_03.on,
#main.cms #container #remote .js_menu ul li a.icon_03:hover{background-image:url(../../images/cms/layout/icon_03_ov.png);}
#main.cms #container #remote .js_menu ul li a.icon_04.on,
#main.cms #container #remote .js_menu ul li a.icon_04:hover{background-image:url(../../images/cms/layout/icon_04_ov.png);}
#main.cms #container #remote .js_menu ul li a.icon_05.on,
#main.cms #container #remote .js_menu ul li a.icon_05:hover{background-image:url(../../images/cms/layout/icon_05_ov.png);}
#main.cms #container #remote .js_menu ul li a.icon_06.on,
#main.cms #container #remote .js_menu ul li a.icon_06:hover{background-image:url(../../images/cms/layout/icon_06_ov.png);}

#main.cms #container #remote .js_menu ul li ul{display:none; padding:5px 0px; border:none; background-color:#0e1217;}
#main.cms #container #remote .js_menu ul li ul li{border-bottom:none; background-color:#0e1217 !important;}
#main.cms #container #remote .js_menu ul li ul li a{padding:5px 10px 5px 40px; font-weight:normal; font-size:13px; background-color:transparent; background-repeat:no-repeat; background-position:23px 13px;}
#main.cms #container #remote .js_menu ul li ul li a:link,
#main.cms #container #remote .js_menu ul li ul li a:visited,
#main.cms #container #remote .js_menu ul li ul li a:active{color:#666a79; border:none; background-image:url(../../images/cms/layout/bul_01.png);}
#main.cms #container #remote .js_menu ul li ul li a:hover,
#main.cms #container #remote .js_menu ul li ul li a.on:link,
#main.cms #container #remote .js_menu ul li ul li a.on:visited,
#main.cms #container #remote .js_menu ul li ul li a.on:active,
#main.cms #container #remote .js_menu ul li ul li a.on:hover{color:#c5cdd8; text-decoration:none; border:none; background-image:url(../../images/cms/layout/bul_01_ov.png);}
#main.cms #container #remote .js_menu ul li ul li ul{padding:3px 0px 13px 0px;}
#main.cms #container #remote .js_menu ul li ul li ul li{}
#main.cms #container #remote .js_menu ul li ul li ul li a{padding:2px 10px 2px 40px;}
#main.cms #container #remote .js_menu ul li ul li ul li a:before{content:"┗ ";}
#main.cms #container #remote .js_menu ul li ul li ul li a:link,
#main.cms #container #remote .js_menu ul li ul li ul li a:visited,
#main.cms #container #remote .js_menu ul li ul li ul li a:active{background-image:none;}
#main.cms #container #remote .js_menu ul li ul li ul li a:hover,
#main.cms #container #remote .js_menu ul li ul li ul li a.on:link,
#main.cms #container #remote .js_menu ul li ul li ul li a.on:visited,
#main.cms #container #remote .js_menu ul li ul li ul li a.on:active,
#main.cms #container #remote .js_menu ul li ul li ul li a.on:hover{background-image:none;}



#main.cms #container #content{display:table-cell; width:auto;  vertical-align:top;}
#main.cms #container #content h3{height:76px; line-height:76px; padding:0px; font-weight:600; font-size:28px; color:#1e1e1e; box-sizing:border-box;}
#main.cms #container #content #path{position:relative; height:49px; line-height:49px; padding:0px 25px; font-size:10px; color:#404040; background-color:#fff;}
#main.cms #container #content #path span,
#main.cms #container #content #path strong{overflow:hidden; line-height:14px; padding-left:14px; font-weight:normal; font-size:12px; vertical-align:middle; background:url(../../images/cms/layout/icon_gt.png) no-repeat 2px center;}
#main.cms #container #content #path span:first-child{display:inline-block; width:15px; padding-left:25px; background:url(../../images/cms/layout/icon_home.png) no-repeat left bottom;}


#main.cms #container #content #global{position:absolute; right:25px; top:7px;}
#main.cms #container #content #global ul{float:left;}
#main.cms #container #content #global ul li{float:left; position:relative; height:36px; line-height:36px; padding-left:25px; font-size:12px; color:#505050; background:url(../../images/cms/layout/bar_01.png) no-repeat 12px center;}
#main.cms #container #content #global ul li:first-child{padding-left:0px; background:none;}
#main.cms #container #content #global ul li.last{padding-left:12px; background:none;}
#main.cms #container #content #global ul li strong{line-height:36px; padding-left:0; font-size:12px; font-weight:normal; vertical-align:top; background:none;}


#main.cms #container #content #txt{min-height:500px; padding:0px 25px 25px 25px;}

/* lnb:select형 */
#main.cms #remote .js_menu.select{width:auto; margin:0; border:none;}
#main.cms #remote .js_menu.select .js_menu_select{float:left;position:relative; min-width:150px; border:1px solid #d4d9dd;}
#main.cms #remote .js_menu.select .js_menu_select strong{display:block;height:52px;}
#main.cms #remote .js_menu.select .js_menu_select strong a{display:block;line-height:52px;padding:0px 44px 0px 20px;font-weight:normal;font-size:16px;color:#505050;background:url(../../images/core/navi_bul.gif) no-repeat right center}
#main.cms #remote .js_menu.select .js_menu_select strong a[href^="#"]{padding-right:20px; background:none;}
#main.cms #remote .js_menu.select .js_menu_select.last strong a{font-weight:normal;color:#fff;background:#dc4262 url(../../images/core/navi_bul_ov.gif) no-repeat right center;}
#main.cms #remote .js_menu.select .js_menu_select ul{display:none;position:absolute;left:-1px;top:52px;width:100%;border:1px solid #d4d9dd; border-top:none; background:#fff;}
#main.cms #remote .js_menu.select .js_menu_select ul li{line-height:20px;padding:12px 10px 12px 20px;border-top:1px dashed #d4d9dd;}
#main.cms #remote .js_menu.select .js_menu_select ul li:first-child{border-top:none}
#main.cms #remote .js_menu.select .js_menu_select ul li a{padding:0; font-weight:normal; font-size:14px;}



/* footer */
#main.cms #footer{position:relative; z-index:21; padding:20px 0px; border-top:1px solid #d4d9dd;}
#main.cms #footer .layout{padding-left:220px;}
#main.cms #footer .logo{position:absolute; left:20px; top:15px; width:180px; height:50px; background:url(../../images/kor/layout/icon_logo.png) no-repeat left top;}
#main.cms #footer .menu{margin-bottom:5px;}
#main.cms #footer .menu ul{overflow:hidden;}
#main.cms #footer .menu ul li{float:left; background:url(../../images/kor/layout/bul_bar_01.gif) no-repeat left center;}
#main.cms #footer .menu ul li:first-child{background:none;}
#main.cms #footer .menu ul li a{display:block; line-height:30px; padding:0 10px; font-size:14px;}
#main.cms #footer .menu ul li:first-child a{padding-left:0;}
#main.cms #footer .menu ul li a:hover{text-decoration:none; color:#404040;}
#main.cms #footer .menu ul li a.on{font-weight:600; color:#000;}

#main.cms #footer .js_selectbox{position:absolute; right:20px; top:0px; width:150px; height:29px;}
#main.cms #footer address,
#main.cms #footer .copy{margin:0px 0px 5px 0px; font-style:normal; font-size:14px;}








/* 로그인 */
#intro.cms{background-color:#dde3e7;}
#intro.cms #wrap{position:relative; height:100%;}
#intro.cms #wrap .bg{position:absolute; left:0; top:50%; z-index:0; width:100%; height:50%; background:#344760 url(../../images/cms/layout/intro_bg.gif) repeat-x left bottom;}
#intro.cms .login_simbol{position:absolute; left:50%; top:50%; z-index:11; width:273px; height:551px; margin:-298px 0 0 -160px; background:url(../../images/cms/layout/login_simbol.png) no-repeat left top;}
#intro.cms .login_box{
	overflow:hidden; position:absolute; left:50%; top:50%; width:807px; height:450px; margin:-225px 0 0 -403px; background:url(../../images/cms/layout/login_box_bg.png) no-repeat center top;
	border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:0px 0px 30px #333;
	-webkit-box-shadow:0px 0px 30px #333;
}
#intro.cms .login_box .bgs{width:100%; height:100%; background:url(../../images/cms/layout/login_visual.jpg) no-repeat left top; background-size:cover;}
#intro.cms .login_box .cons{position:absolute; left:0; top:0; z-index:10; width:100%; height:100%; padding:35px 40px; background:url(../../images/cms/layout/login_bg.png) no-repeat left top; box-sizing:border-box;}
#intro.cms .login_box .cons .logo{display:block; width:100%; height:45px; background:url(../../images/cms/layout/login_logo.png) no-repeat left top;}
#intro.cms .login_box .cons .titles{display:block; width:100%; height:120px; background:url(../../images/cms/layout/login_title.png) no-repeat left top;}
#intro.cms .login_box .cons input[type="text"],
#intro.cms .login_box .cons input[type="password"]{display:block; width:220px; height:40px; line-height:40px; padding:0; font-weight:normal; font-size:14px; border:none; border-bottom:1px solid #3e98a2; color:#abbdc5; background:none;}
#intro.cms .login_box .cons input[type="password"]{margin-top:30px;}
#intro.cms .login_box .cons input[type="submit"]{
	display:block; width:118px; height:45px; line-height:43px; margin-top:38px; text-align:center; font-weight:normal; font-size:18px; border:1px solid #cd6670; color:#fff; background-color:#ff8428;
	border-radius:59px;
	-webkit-border-radius:59px;
}
#intro.cms .login_box .cons input[type="submit"]:hover{border:1px solid #fff; color:#ff8428; background-color:#fff;}