@charset "utf-8";
/* 공통 */
#wrap,
#wrap .layout,
#header,
#header h1,
#header h1 a,
#header .js_menu,
#header .js_menu ul li,
#header .js_menu ul li a,
#header #global,
#header #global [class*="btn_"],
#header #top_util,
#header .totalsearch a.button,
#totalsearch_input,
#totalsearch_input .box,
#footer,
#footer .layout,
#footer .menu,
#footer .menu .layout,
#footer .menu ul,
#footer .menu ul li,
#footer .menu ul li a,
#footer .relate_site,
#footer .relate_site div,
#footer address,
#footer .copy,
#sub #visual,
#sub #container,
#sub #container #content_box,
#sub #container #remote,
#txt,
#txt h3,
#path .path_etc ul li .sns_box ul li a[class*="btn_"],
#path .path_etc ul li .sns_box .btn_close img,
.main_visual.js_slide.type_03,
.main_visual .slogon,
.main_visual .slogon p,
.main_visual .slogon p.subject strong,
.main_visual .slogon a,
.midd_cont,
.midd_cont .box_ty1,
.midd_cont .notice .bor,
.midd_cont .notice .bor h3,
.midd_cont .banner .bor ul li a span
{
	transition : all 0.5s ease;
    -webkit-transition : all 0.5s ease;
}



/***** Common *****/
.js_mobile_check {display:none;}
body{overflow-x:none;  position:relative; height:auto;}
.layout {width:100%; max-width:1200px; margin:0 auto; position:relative;}
.layout:after {content:""; display:block; clear:both;}
h1, h2, #sub #content #txt h3{font-family:"Nanum Square", "Nanum Barun Gothic", "Nanum Gothic", "돋움", Dotum, Helvetica, Verdana, Arial, sans-serif;}
body, h3, h4, h5, h6{font-family:"Nanum Barun Gothic", "Nanum Gothic", "돋움", Dotum, Helvetica, Verdana, Arial, sans-serif;}



/***** Header *****/
#header {position:absolute; left:0; top:0; z-index:51; width:100%; min-height:115px; height:115px; overflow:hidden;}
#header #top_util {width:100%; height:auto; background:#2d3039;}
#header #top_util .layout {height:35px;}
#header #top_util h1 {position:absolute; left:0px; top:58px; z-index:11;}
#header #top_util h1 a {overflow:hidden; display:block; width:auto; height:33px; font-size:23px; line-height:32px; font-weight:700; color:#333; text-decoration:none;}
#header #top_util h1 a span {display:inline-block; vertical-align:top; background:url(/img/itch/common/logo.png) no-repeat left top; width:158px; height:34px; text-indent:-9999px; margin:0 10px 0 0;}
#header #top_util #global {position:absolute; right:0; top:0; z-index:12; border-right:1px solid #464b58; border-left:1px solid #1a1b20;}
#header #top_util #global:after {content:""; display:block; clear:both;}
#header #top_util #global a {display:inline-block; vertical-align:top; float:left; height:35px; line-height:35px; color:#dedfdf; text-align:center; font-size:15px; width:100px;
border-left:1px solid #464b58; border-right:1px solid #1a1b20;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
#header #top_util #global a:hover, #header #top_util #global a:active {background:#000;}
#header #nav {width:100%; height:80px; position:relative;}	
#header #nav #blind {width:100%; height:100%; background:#23252b; position:absolute; left:0; top:80px; z-index:1;
-moz-opacity:0.98; -ms-opacity:0.98; -o-opacity:0.98; -webkit-opacity:0.98; opacity:0.98; filter:alpha(opacity=98);}	
#header #nav .layout {z-index:10;}
#header #nav .layout .js_menu {width:auto; height:auto; padding:0 120px 0 340px; position:relative; z-index:10;}
#header #nav .layout .js_menu:after {content:""; display:block; clear:both;}
#header #nav .layout .js_menu ul {width:auto; height:auto;}
#header #nav .layout .js_menu ul:after {content:""; display:block; clear:both;}
#header #nav .layout .js_menu ul li {float:left; margin-left:5%;}
#header #nav .layout .js_menu ul li:first-child {margin-left:0;}
#header #nav .layout .js_menu ul li a {display:block; height:80px; font-size:20px; line-height:80px; text-align:center; text-decoration:none; font-family:"Nanum Square", "Nanum Barun Gothic", "Nanum Gothic", "돋움", Dotum, Helvetica, Verdana, Arial, sans-serif; color:#333;}
#header #nav .layout .js_menu ul li a.on, #header #nav .layout .js_menu ul li a:hover, #header #nav .layout .js_menu ul li a:active {color:#3766c8;}
#header #nav .layout .js_menu ul li .tmenu_ti {color:#4477e0; display:block; font-size:18px; line-height:24px; font-weight:normal; position:absolute; top:110px; padding:0 25px; display:none;
-moz-opacity:0; -ms-opacity:0; -o-opacity:0; -webkit-opacity:0; opacity:0; filter:alpha(opacity=0);}
#header #nav .layout .js_menu ul li ul {display:none; position:absolute; width:20%; left:0; padding:70px 0 30px 0; border-left:1px solid #393b41;
-moz-opacity:0; -ms-opacity:0; -o-opacity:0; -webkit-opacity:0; opacity:0; filter:alpha(opacity=0);}
#header #nav .layout .js_menu ul li:first-child ul {border-left:0;}
#header #nav .layout .js_menu ul li.num6 {display:none;}
#header #nav .layout .js_menu ul li.num1 .tmenu_ti {left:0;} 
#header #nav .layout .js_menu ul li.num2 .tmenu_ti {left:20%;}
#header #nav .layout .js_menu ul li.num3 .tmenu_ti {left:40%;}
#header #nav .layout .js_menu ul li.num4 .tmenu_ti {left:60%;}
#header #nav .layout .js_menu ul li.num5 .tmenu_ti {left:80%;}
#header #nav .layout .js_menu ul li.num1 ul {left:0;}
#header #nav .layout .js_menu ul li.num2 ul {left:20%;}
#header #nav .layout .js_menu ul li.num3 ul {left:40%;}
#header #nav .layout .js_menu ul li.num4 ul {left:60%;}
#header #nav .layout .js_menu ul li.num5 ul {left:80%;}
#header #nav .layout .js_menu ul li ul li {float:none; width:auto; padding:0 20px; margin:5px 0 0 0;}
#header #nav .layout .js_menu ul li ul li a {display:inline-block; vertical-align:top; height:auto; font-size:15px; line-height:22px; text-align:left; color:#fff; padding:3px 8px;}
#header #nav .layout .js_menu ul li ul li a.on, #header #nav .layout .js_menu ul li ul li a:hover, #header #nav .layout .js_menu ul li ul li a:active {background:#3c5b9a; color:#fff;}
#header .totalsearch {position:absolute; right:50%; top:35px; margin-right:-600px; z-index:10;}
#header .totalsearch a.button {display:block; width:50px; height:80px; background:url(/img/itch/common/totalsearch_btn.png) no-repeat center top; margin-right:50px;}
#header .totalsearch a.button.on {background:#e4e4e4 url(/img/itch/common/totalsearch_btn.png) no-repeat center -80px;
-moz-opacity:0.98; -ms-opacity:0.98; -o-opacity:0.98; -webkit-opacity:0.98; opacity:0.98; filter:alpha(opacity=98);}
#header .totalsearch a.button span {position:absolute; left:0; top:0; width:1px; height:1px; line-height:1px; visibility:hidden;}
#header .mob_btn {position:absolute; right:50%; top:35px; margin-right:-600px; z-index:10;}
#header .mob_btn a {display:block; width:30px; height:80px; background:url(/img/itch/common/all_btn.png) no-repeat center right;}
#header .mob_btn a span {position:absolute; left:0; top:0; width:1px; height:1px; line-height:1px; visibility:hidden;}
#header span.bg {display:block; position:absolute; left:0; top:35px; width:100%; height:80px; background:#fff; z-index:1;}
#totalsearch_input {position:absolute; left:50%; top:115px; z-index:50; background:#fff; width:100%; padding:40px 0; max-width:1200px; margin-left:-600px; display:none;
-moz-opacity:0; -ms-opacity:0; -o-opacity:0; -webkit-opacity:0; opacity:0; filter:alpha(opacity=0);}
#totalsearch_input .box {border:3px solid #828282; width:100%; max-width:610px; margin:0 auto; padding:5px 80px 5px 20px; position:relative;}
#totalsearch_input input[type="text"] {background:none; border:0; padding:0; width:100%; height:44px; line-height:44px; font-size:17px; color:#828282;}
#totalsearch_input input[type="submit"] {background:#828282 url(/img/itch/common/totalsearch_btn_go.png) no-repeat center 50%; border:0; display:block; width:60px; height:54px; text-indent:-9999px; position:absolute; right:0; top:0;}


/***** Main *****/
#main #container {width:100%; height:auto; font-size:15px; line-height:22px;}
#main #container h3 {font-size:22px; line-height:28px;}
#main #container, #main #container h3 {color:#fff;}

.main_visual.js_slide.type_03 {width:100%; height:923px; position:relative; overflow:hidden;}
.main_visual .slogon {opacity:0.95; position:absolute; left:50%; top:235px; z-index:10; width:468px; height:403px; margin-top:68px; margin-left:-600px; padding:55px 20px; background-color:#fff; background-image:url(/img/itch/main/slogon_bg.jpg); background-repeat:no-repeat; background-size:100%; box-shadow:3px 3px 8px rgba(0,0,0,0.3); text-align:center; box-sizing:border-box;}
.main_visual .slogon .subject{display:block;}
.main_visual .slogon p {margin:20px 0; text-align:center; color:#4a4a4a;}
.main_visual .slogon p span {display:block; line-height:22px; font-size:16px;}
.main_visual .slogon a {
	position:relative; display:inline-block; height:44px; line-height:44px; padding:0 45px; background:#0a4c96; border:1px solid #0a4c96; text-decoration:none; font-size:18px; vertical-align:top; color:#fff000; box-sizing:border-box;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.main_visual .slogon a:hover,
.main_visual .slogon a:active{background:#fff; color:#0a4c96;}
.main_visual.js_slide .control {z-index:20; width:auto; height:27px; left:50%; top:235px; margin-left:-600px;}
.main_visual.js_slide .control a[class*="btn_"] {position:relative; width:23px; height:27px; border:0; background:url(/img/itch/main/visual_control.png) no-repeat center top;}
.main_visual.js_slide .control a[class*="btn_"] span {width:1px; height:1px; line-height:1px; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}
.main_visual.js_slide .control a.btn_play,
.main_visual.js_slide .control a.btn_stop {right:auto; bottom:0; z-index:10;}
.main_visual.js_slide .control a.btn_play {background-position:center -27px;}
.main_visual.js_slide .control a.btn_play:hover {background-position:center -27px;}
.main_visual.js_slide .control a.btn_stop:hover {background-position:center top;}
.main_visual.js_slide .control a[class*="btn_"]:hover span {background-position:center top;}
.main_visual.js_slide .control ul {position:relative; left:auto; bottom:0; width:auto; text-align:center; display:inline-block; vertical-align:top; margin-right:5px;}
.main_visual.js_slide .control ul li {margin:0 3px;}
.main_visual.js_slide .control ul li:first-child {margin:0 3px;}
.main_visual.js_slide .control ul li a {width:23px; height:27px; text-indent:-10000px; background:url(/img/itch/main/visual_pointer.png) no-repeat center top;
-webkit-transition: all .3s ease; transition: all .3s ease;
border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -ms-border-radius:0; -khtml-border-radius:0; -o-border-radius:0;
box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; -ms-box-shadow:none; -khtml-box-shadow:none; -o-box-shadow:none;
}
.main_visual.type_03 .control ul li a.on {width:23px; background:url(/img/itch/main/visual_pointer_ov.png) no-repeat center top;}

.main_visual .move {width:100%; height:100%; overflow:hidden; position:absolute; z-index:5;}
.main_visual .move ul {width:100%; height:100%;}
.main_visual .move li {width:100%; height:100%; position:absolute; left:0; top:0; display:block; overflow:hidden; background-size:cover !important;}
.main_visual .move li.bg1 {background:url(/img/itch/main/visual_bg1.jpg) no-repeat center bottom;}
.main_visual .move li.bg2 {background:url(/img/itch/main/visual_bg2.jpg) no-repeat center top;}
.main_visual .move li.bg3 {background:url(/img/itch/main/visual_bg3.jpg) no-repeat center top;}

.midd_cont {margin-top:-810px; height:810px; z-index:7; max-width:1210px;}
.midd_cont .bor{margin:5px; text-align:center;}
.midd_cont .box_ty1 {width:25%;}
.midd_cont .box_ty2 {width:50%;}
.midd_cont .box_ty3 {width:100%;}
.midd_cont .box_ty1 .bor {height:230px;}
.midd_cont .box_ty2 .bor {height:230px;}
.midd_cont .box_ty3 .bor {height:39px; padding:13px 0;}
.midd_cont .bor a{
	display:block; height:100%; padding:40px 10px; text-decoration:none; box-shadow:2px 2px 8px rgba(0,0,0,0.3); box-sizing:border-box;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.midd_cont .bor a .arrow_btn{
	overflow:hidden; display:inline-block; width:30px; height:8px; margin-top:10px; background:url(/img/itch/main/bor_arrow.png) no-repeat center right; text-indent:-2000px;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.midd_cont .bor a:hover .arrow_btn{width:45px;}

/*논문열람*/
.midd_cont .nonmun {position:absolute; right:0; top:120px;}
.midd_cont .nonmun .bor a{background-color:rgba(151, 109, 57, 0.95); background-image:url(/img/itch/main/nonmun_bg.png); background-repeat:no-repeat; background-position:-30px top; text-decoration:none;}
.midd_cont .nonmun .bor a:hover,
.midd_cont .nonmun .bor a:active{background-color:#754c17; background-position:0px top;}
.midd_cont .nonmun .bor a .icons{
	overflow:hidden; display:inline-block; width:90px; height:90px; margin-bottom:6px; background:#fff url(/img/itch/main/nonmun_icon.jpg) no-repeat center center; text-indent:-2000px;
	border-radius:50%;
	-webkit-border-radius:50%;
}

/*학술지 규정*/
.midd_cont .rule {position:absolute; right:25%; top:360px;}
.midd_cont .rule .bor a{background-color:#a41414; background-image:url(/img/itch/main/rule_bg.png); background-repeat:no-repeat; background-position:right bottom;}
.midd_cont .rule .bor a:hover,
.midd_cont .rule .bor a:active{background-color:#800d0d; background-position:right -15px bottom;}

/*온라인 논문투고*/
.midd_cont .online{position:absolute; right:0; top:360px;}
.midd_cont .online .bor a{position:relative; background:#56585a url(/img/itch/main/online_bg.jpg) no-repeat left top; background-size:cover;}
.midd_cont .online .bor a:after{content:""; position:absolute; top:0; right:10%; width:30px; height:45px; background:url(/img/itch/main/online_tag.png) no-repeat left top;}
.midd_cont .online .bor a:hover,
.midd_cont .online .bor a:active{background-position:left top 20px;}
.midd_cont .online .bor a img{display:inline-block; margin-bottom:18px;}

/*공지사항*/
.midd_cont .notice {position:absolute; left:0; top:635px;}
.midd_cont .notice .noti_bor {background:#fff; overflow:hidden; position:relative; width:auto; margin:5px; padding:13px 20% 13px 280px; box-shadow:2px 3px 8px rgba(0,0,0,0.3);}
.midd_cont .notice .noti_bor h3 {width:100px; height:43px; padding:22px 0 0 140px; background:#b6873c url(/img/itch/main/notice_titlebg.png) no-repeat left top; position:absolute; left:0; top:0; color:#fff; font-size:20px !important; line-height:24px !important;}
.midd_cont .notice .noti_bor h3 span {position:absolute; right:-10px; top:50%; margin-top:-8px; width:0; height:0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left:10px solid #b6873c;}
.midd_cont .notice .noti_bor .move {overflow:hidden; height:39px; position:relative;}
.midd_cont .notice .noti_bor .move ul {width:100%; height:auto; position:relative;}
.midd_cont .notice .noti_bor .move ul li {width:auto; padding:0 120px 0 0; position:relative;}
.midd_cont .notice .noti_bor .move ul li a {display:inline-block; vertical-align:top; width:auto; height:39px; line-height:40px; max-width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.midd_cont .notice .noti_bor .move ul li span {position:absolute; right:0; top:0; color:#979797; display:inline-block; vertical-align:top; height:39px; line-height:41px;}
.midd_cont .notice .noti_bor .control {position:absolute; right:20px; top:50%; margin-top:-15px;}
.midd_cont .notice .noti_bor .control:after {content:""; display:block; clear:both;}
.midd_cont .notice .noti_bor .control a {display:block; border:1px solid #e4e4e4; width:28px; height:28px; float:left; background:url(/img/itch/main/notice_control.gif) no-repeat left top;
-webkit-transition: all .3s ease; transition: all .3s ease;}
.midd_cont .notice .noti_bor .control a:hover, .midd_cont .notice .bor .control a:active {border:1px solid #b6873c;}
.midd_cont .notice .noti_bor .control a span {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}
.midd_cont .notice .noti_bor .control a.btn_prev {margin-right:5px; background-position:0 0;}
.midd_cont .notice .noti_bor .control a.btn_next {background-position:0 -28px;}

/* Css motion */
@-moz-keyframes slideup {
	0%   {margin-top:-30px;}
	100%   {margin-top:-40px;}
}
@-webkit-keyframes slideup {
	0%   {margin-top:-30px;}
	100%   {margin-top:-40px;}
}
/* Standard syntax */
@keyframes slideup {
	0%   {margin-top:-30px;}
	100%   {margin-top:-40px;}
}


/***** Sub *****/
/* Visual */
#sub #visual {position:relative; width:100%; height:265px; z-index:1; background-size:cover !important;}
#sub #visual.bg1 {background:url(/img/itch/common/sub_visual_bg1.jpg) no-repeat center top;}

/* Container */
#sub #container {width:100%; height:auto;}
#sub #container .layout {z-index:10;}	
#sub #container #content_box {width:auto; position:relative; min-height:550px; padding-left:300px; background:url(/img/itch/common/container_bg.png) repeat-y left top;}
#sub #container #remote {position:absolute; left:0; top:-125px; width:250px;}
#sub #container #remote h2 {width:100%; height:80px; font-size:28px; line-height:34px; padding:45px 0 0 0; text-align:center; background:#2d3039 url(/img/itch/common/remote_titlebg.jpg) no-repeat center top; color:#fff; font-weight:normal;}
#sub #container #remote .js_menu {width:100%;}
#sub #container #remote .js_menu ul {width:100%;}
#sub #container #remote .js_menu ul li {border-bottom:1px solid #d6d6d6;}
#sub #container #remote .js_menu ul li a {display:block; font-size:17px; line-height:21px; padding:15px 40px 15px 20px; text-decoration:none; position:relative;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
#sub #container #remote .js_menu ul li a span {display:block; width:7px; height:13px; background:url(/img/itch/common/lnb_depth1_bul.png) no-repeat left top; position:absolute; right:20px; top:50%; margin-top:-6px; transition : all 0.5s ease; -webkit-transition : all 0.5s ease;}
#sub #container #remote .js_menu ul li a:link,
#sub #container #remote .js_menu ul li a:visited,
#sub #container #remote .js_menu ul li a:active {color:#404040;}
#sub #container #remote .js_menu ul li a:hover,
#sub #container #remote .js_menu ul li a.ov:link,
#sub #container #remote .js_menu ul li a.ov:visited,
#sub #container #remote .js_menu ul li a.ov:active,
#sub #container #remote .js_menu ul li a.ov:hover {color:#fff; background:#365492;}
#sub #container #remote .js_menu ul li a.ov span {-webkit-transform: rotate(90deg); transform: rotate(90deg);}
#sub #container #remote .js_menu ul li ul {display:none; margin:15px 0px;}
#sub #container #remote .js_menu ul li ul li {border-bottom:none; margin-top:2px;}
#sub #container #remote .js_menu ul li ul li:first-child {margin-top:0;}
#sub #container #remote .js_menu ul li ul li a {padding:3px 40px 3px 32px; font-size:15px; line-height:19px; background:url(/img/itch/common/lnb_depth2_bul.png) no-repeat 21px 9px;}
#sub #container #remote .js_menu ul li ul li a:link,
#sub #container #remote .js_menu ul li ul li a:visited,
#sub #container #remote .js_menu ul li ul li a:active {color:#555;}
#sub #container #remote .js_menu ul li ul li a:hover,
#sub #container #remote .js_menu ul li ul li a.ov:link,
#sub #container #remote .js_menu ul li ul li a.ov:visited,
#sub #container #remote .js_menu ul li ul li a.ov:active,
#sub #container #remote .js_menu ul li ul li a.ov:hover {text-decoration:underline; color:#365492; background:url(/img/itch/common/lnb_depth2_bul_ov.png) no-repeat 21px 9px;}
#sub #content {width:100%; height:auto; position:relative;}
#sub #content #path {position:absolute; right:0; top:10px; width:auto; height:auto;}
#sub #content #path:after {content:""; display:block; clear:both;}
#sub #content #path .navi {float:left; margin:9px 15px 0 0; color:#999;}
#sub #content #path .navi a {display:inline-block; vertical-align:top; color:#999; padding:2px 0; font-size:13px;}
#sub #content #path .navi a.home {background:url(/img/itch/common/home_ico.png) no-repeat center 50%; width:15px; height:13px; text-indent:-9999px;}
#sub #content #path .navi a:last-child {color:#303030;}
#sub #content #path .path_etc {float:left;}
#sub #content #path .path_etc .gong_u,
#sub #content #path .path_etc .print{
	overflow:hidden; display:block; float:left; width:32px; height:32px; text-indent:-9999px; border:2px solid #a3a3a3; position:relative; z-index:5;
	-moz-border-radius:18px; -ms-border-radius:18px; -o-border-radius:18px; -webkit-border-radius:18px; border-radius:18px;
	transition : all 0.3s ease; -webkit-transition : all 0.3s ease;
}
#sub #content #path .path_etc .gong_u {background:#fff url(/img/itch/common/icon_gong_u.png) no-repeat center top;}
#sub #content #path .path_etc .print {background:#fff url(/img/itch/common/icon_print.png) no-repeat center top; margin-left:5px;}
#sub #content #path .path_etc .gong_u:hover, #sub #content #path .path_etc .gong_u:active {border:2px solid #4d4d4d; background-position:center -32px;}
#sub #content #path .path_etc .print:hover, #sub #content #path .path_etc .print:active {border:2px solid #4d4d4d; background-position:center -32px;}
#sub #content #path .path_etc ul {}
#sub #content #path .path_etc ul:after {content:""; display:block; clear:both;}
#sub #content #path .path_etc ul li {float:left; position:relative;}
#sub #content #path .path_etc ul li .sns_box {display:block; position:absolute; left:0; top:0; width:100%; display:none;}
#sub #content #path .path_etc ul li .sns_box ul {position:relative; z-index:1;}
#sub #content #path .path_etc ul li .sns_box ul li {float:none; position:absolute; left:0; top:0; display:none;
-moz-opacity:0; -ms-opacity:0; -o-opacity:0; -webkit-opacity:0; opacity:0; filter:alpha(opacity=0);}
#sub #content #path .path_etc ul li .sns_box ul li.btn_t {z-index:5;}
#sub #content #path .path_etc ul li .sns_box ul li.btn_f {z-index:3;}
#sub #content #path .path_etc ul li .sns_box ul li.btn_b {z-index:1;}
#sub #content #path .path_etc ul li .sns_box ul li a {display:block; width:36px; height:36px; text-indent:-9999px; overflow:hidden;
-moz-border-radius:18px; -ms-border-radius:18px; -o-border-radius:18px; -webkit-border-radius:18px; border-radius:18px;}
#sub #content #path .path_etc ul li .sns_box ul li.btn_t a {background:#4bb3da url(/img/core/sns_share_ico.jpg) no-repeat center top;}
#sub #content #path .path_etc ul li .sns_box ul li.btn_f a {background:#4862a3 url(/img/core/sns_share_ico.jpg) no-repeat center -36px;}
#sub #content #path .path_etc ul li .sns_box ul li.btn_b a {background:#2db400 url(/img/core/sns_share_ico.jpg) no-repeat center -72px;}
#sub #content #path .path_etc ul li .sns_box .btn_close {display:none; position:absolute; background:#a3a3a3 url(/img/core/sns_share_close.png) no-repeat center 50%; z-index:5; left:0; top:0; width:36px; height:36px; text-indent:-9999px; overflow:hidden;
-moz-border-radius:18px; -ms-border-radius:18px; -o-border-radius:18px; -webkit-border-radius:18px; border-radius:18px;
-moz-opacity:0; -ms-opacity:0; -o-opacity:0; -webkit-opacity:0; opacity:0; filter:alpha(opacity=0);}
#sub #content #txt {min-height:400px; padding:50px 0; color:#555; font-size:15px; line-height:22px;
font-family:"Nanum Barun Gothic", "Nanum Gothic", "돋움", Dotum, Helvetica, Verdana, Arial, sans-serif;}
#sub #content #txt h3 {font-size:35px; font-weight:600; line-height:40px; margin-bottom:30px; color:#303030;}
#sub #content #txt h4, #sub #content #txt h5, #sub #content #txt h6 {font-family:"Nanum Barun Gothic", "Nanum Gothic", "돋움", Dotum, Helvetica, Verdana, Arial, sans-serif;}


/***** Footer *****/
#footer {width:100%; height:auto; position:relative; z-index:21; background:#1a191d; padding:0 0 25px 0;}
#footer .cl_top {width:100%; height:auto; background:#2b2b32;}
#footer .menu {width:auto; padding:20px 0; margin:0 350px 0 0;}
#footer .menu:after {content:""; display:block; clear:both;}
#footer .menu li {float:left; padding:0 10px; background:url(/img/itch/common/footer_m_bul.gif) no-repeat left 50%;}
#footer .menu li:first-child {padding-left:0; background:none;}
#footer .menu li a {display:block; padding:3px; color:#d7d7d8;}
#footer .menu li:first-child a {color:#9f8156; font-weight:600;}
#footer .relate_site {position:absolute; right:0; top:-50px; z-index:10;}
#footer .relate_site:after {content:""; display:block; clear:both;}
#footer .relate_site div {width:210px; height:auto; margin-left:5px; float:left; position:relative;}
#footer .relate_site div a.button {display:block; color:#c7c7c8; text-align:left; border:1px solid #646469; padding:0 10px; height:35px; line-height:35px; position:relative;}
#footer .relate_site div a.button span {position:absolute; right:10px; top:50%; margin-top:-4px; display:block; width:11px; height:6px; background:url(/img/itch/common/relate_bul.gif) no-repeat center 50%;
-webkit-transform: rotate(0deg); transform: rotate(0deg);
-webkit-transition: all .5s ease; transition: all .5s ease;}
#footer .relate_site div a.button.on span {
-webkit-transform: rotate(180deg); transform: rotate(180deg);	
}
#footer .relate_site div ul {width:100%; border:1px solid #646469; box-sizing:border-box; background:#fff; position:absolute; left:0; bottom:36px; z-index:10; display:none;}
#footer .relate_site div ul li {border-top:1px dotted #adadb4;}
#footer .relate_site div ul li:first-child {border-top:0;}
#footer .relate_site div ul li a {display:block; padding:7px 10px; line-height:18px;}
#footer address,
#footer .copy {font-size:14px; line-height:20px; margin:0px; font-style:normal;}
#footer address {color:#a8a8a8; padding:25px 0 5px 0;}
#footer address span {display:inline-block; vertical-align:top; margin-left:15px;}
#footer .copy{color:#7c7c7d;}