@charset "utf-8";

@import url("/css/kipa/m/reset.css");
@import url("/css/kipa/m/common.css");
@import url("/css/kipa/m/board.css");
@import url("/css/kipa/m/contents.css");

body { font-family:'Nanum Gothic', Dotum, Gulim, Tahoma, Geneva, sans-serif; font-size:90%; line-height:18px; color:#1e1e1e;  background:#e4e4e4; }

/* Layout */
#wrap { position:relative; width:100%; background:#fff; }
header { position:relative; width:100%; height:106px; margin:0 0; background:#fff url('../../img/common/heade_bg.gif') repeat-x left bottom; border-bottom:2px solid #124a83; }
footer { position:relative; width:auto; margin:0 auto; color:#4b4b4b; background:#e4e4e4; padding-bottom:10px; }

#container { position:relative; width:100%; margin:0 0; background:#fff; }
#content { width:100%; margin:0; overflow:hidden; padding:0; }
#leftcolumn { float:left; position:relative; width:20%; height:100%; }
#rightcolumn { float:left; width:80%; display:inline; background:url('../../img/common/content_bg.gif') repeat-y left top; }
.content_in { /*width:96%;*/ margin:0 auto; padding:20px 0 50px 0; }
.search_in { width:100%; padding:20px 0 50px 0; }

/*************** Header ****************/
#gnb { width:100%; height:60px; }
#gnb h1 { text-align:center; padding-top:9px; }
#gnb h1 img { max-width:181px;}
#gnb .btn_all { position:absolute; top:0; left:2%; display:block; padding-top:21px; }
#gnb .btn_all a { display:block; width:26px; height:20px; background:url('../../img/common/btn_menu.png') center center no-repeat; }
#gnb .search { position:absolute; top:0; right:2%; display: block; padding-top:20px; }
#gnb .search a { display:block; width:22px; height:22px; background:url('../../img/common/btn_search.png') center center no-repeat; }

#menu { clear:both; width:100%; height:46px; overflow:hidden; }
#menu li { float:left; width:25%; text-align:center; }
#menu li a { color:#fff; font-size:110%; line-height:46px; font-family:'NGB'; }

/* sub_main_title, page_title */
#location { position:relative; width:100%; height:40px; background:#f0f0f0; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; z-index:999; }
#location > ul { overflow:hidden; }
#location > ul > li { float:left; width:120px; text-align:center; line-height:40px; color:#686868; font-size:100%; font-family:'NGB'; border-right:1px solid #d9d9d9; box-sizing:border-box; }
#location > ul > li:last-child { border-right:none; }
#location > ul > li > a { display:block; line-height:40px; color:#686868; font-size:100%; font-family:'NGB'; padding-right:25px; background:url('../../img/common/location_bl.png') right 10px center no-repeat; }
#location > ul > li.btn { margin-top:0; margin-left:5px; }
#location > ul > li.btn > a { background:none; }
#location > ul > li.home { width:73px; }
#location > ul > li.menu { width:160px; border-right:1px solid #d9d9d9; }
#location > ul > li.menu > a { padding-right:20px; background:url('../../img/common/btn_menu3.png') right 10px center no-repeat; }
#location > ul > li.menu2 { width:180px; border-right:1px solid #d9d9d9; }
#location > ul > li.menu2 > a { padding-right:20px; background:url('../../img/common/btn_menu3.png') right 10px center no-repeat; }
#location > ul > li.long { width:160px; }

#location > ul > li > div { width:161px; overflow:hidden; border:1px solid #d9d9d9; background:#fcfcfc; box-sizing:border-box; margin-left:-1px; }
#location > ul > li > div > ul > li { clear:both; width:100%; border-bottom:1px solid #d9d9d9; text-align:left; padding:8px 0; line-height:1.2em; }
#location > ul > li > div > ul > li:last-child { border-bottom:none; }
#location > ul > li > div > ul > li > a { letter-spacing:-0.05em; color:#686868; font-size:90%; font-family:'NGB'; padding-left:18px; background:url('../../img/common/location_bl.gif') 10px center no-repeat; }

#location > ul > li.menu2 > div { width:181px; }


/* ��ü�޴� */
div#sidr { width:100%; position:absolute; left:0; top:0; z-index:999999; }
div#sidr_bg { background-color:#000; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity:0.7; width:100%; overflow:hidden; position:absolute; left:0; top:0; z-index:9999; }
.sidr { position:absolute; position:fixed; top:0; height:100%; width:90%; overflow-x:none; overflow-y:auto; background:#1c6ebc url('../../img/common/leftmenu_bg.gif') repeat-y center; color:#fff; z-index:999999; }
.sidr .title { position:relative; width:100%; height:60px; background:#fff; border-bottom:1px solid #627b92; }
.sidr .title .tit { position:absolute; top:21px; left:2%; width:112px; height:20px; background:url('../../img/common/btn_menu2.png') center center no-repeat; }
.sidr .title .close { position:absolute; top:20px; right:2%; }
.sidr .title .close a { display:block; width:21px; height:20px; background:url('../../img/common/btn_close2.png') center center no-repeat; }

.sidr .left_menu{ width:50%; }
.sidr .left_menu > li { width:100%; height:48px; line-height:48px; background:#1c6ebc url('../../img/common/leftmenu_bl.png') right center no-repeat; border-top:1px solid #498bc9; border-bottom:1px solid #0e5a9d; }
.sidr .left_menu > li:first-child { border-top:none; }
.sidr .left_menu > li > a { padding-left:15px; color:#fff; font-size:110%; font-family:'NGB'; }
.sidr .left_menu > li > ul { display:none; position:absolute; top:61px; right:0; width:50%; }
.sidr .left_menu > li > ul > li { line-height:39px; border-top:1px solid #498bc9; border-bottom:1px solid #0e5a9d; }
.sidr .left_menu > li > ul > li:first-child { border-top:none; }
.sidr .left_menu > li > ul > li > a { padding-left:20px; color:#fff; font-size:100%; font-family:'NGB'; }
.sidr .left_menu > li > ul > li > a.on { }
.sidr .left_menu > li > ul > li > ul { display:block; background:#11579a url('../../img/common/sidr_bg2.png') repeat; border-top:1px solid #498bc9; }
.sidr .left_menu > li > ul > li > ul > li { width:90%; margin:0 auto; height:29px; line-height:29px; border-bottom:1px dotted #5d8dbb; }
.sidr .left_menu > li > ul > li > ul > li:last-child { border-bottom:none; }
.sidr .left_menu > li > ul > li > ul > li > a { display:block; padding-left:16px; color:#fff; font-size:90%; font-family:'NGB'; background:url('../../img/common/leftmenu_bl.gif') 8px center no-repeat; }

/* �����޴� */
ul#snb { position:relative; width:100%; }
ul#snb > li { border-bottom:1px solid #bfbfbf; }
ul#snb > li > a { letter-spacing:-0.05em; line-height:49px; display:block; background:url('../../img/common/snb_bl.png') right center no-repeat; padding:0 0 0 15px; font-size:110%; color:#313131; font-family:'NGB'; }
ul#snb > li > a:hover,
ul#snb > li > a:active,
ul#snb > li > a:focus,
ul#snb > li > a.on { background:url('../../img/common/snb_bl_on.png') right center no-repeat; color:#0058b3; }
ul#snb > li > ul { background:#f2f2f2; border-top:1px solid #bfbfbf; }
ul#snb > li > ul > li { }
ul#snb > li > ul > li > a { letter-spacing:-0.05em; line-height:30px; height:30px; border-bottom:1px dotted #d1d1d1; display:block; background:url('../../img/common/snb_bl.gif') 15px center no-repeat; padding:0 0 0 24px; font-size:100%; color:#777; font-family:'NGB'; box-sizing:border-box; }
ul#snb > li > ul > li > a:hover,
ul#snb > li > ul > li > a:active,
ul#snb > li > ul > li > a:focus,
ul#snb > li > ul > li > a.on { background:#47a5dc url('../../img/common/snb_bl_on.gif') 15px center no-repeat; color:#fff; border-bottom:none; }
ul#snb > li > ul > li:last-child > a { border-bottom:none; }

/*************** Footer ****************/
.links { position:relative; width:100%; height:42px; overflow:hidden; background:#b9b9b9; }
.links ul { margin-left:2%; margin-top:12px; }
.links li { float:left; padding:0 10px; }
.links li:first-child { border-right:1px solid #919191; padding-left:0; }
.links li a { color:#222; font-family:'NG'; }
.links .sns { position:absolute; top:10px; right:2%; }
.ft_logo { width:100%; text-align:center; padding-top:15px; }
.ft_logo img { max-width:153px; }
.top { position:absolute; top:55px; right:19px; }
.copy { text-align:center; color:#4b4b4b; line-height:1.4em; font-family:'NG'; padding-top:12px; letter-spacing:-0.05em; }
.copy span { display:block; color:#666; font-size:90%; padding-top:5px; }

#loading{position:relative;width:100%;height:100% !important;}
#loading .loadingBg{position:fixed; top:0; left:0;width:100%;background:#000; height:100% !important;z-index:100000;filter:alpha(opacity=30);opacity:0.3;}
#loading .loading_img{position:fixed;top:50%;left:50%;width:310px;height:150px;margin:-130px 0 0 -155px;z-index:1000000;}

/* device(mobile 320) ----------- */
@media only screen
and (max-width : 767px) {

#leftcolumn { display:none; }
#rightcolumn { float:none; width:100%; background:none; }
.content_in { width:100%; }

#menu li { width:auto; padding:0 2%; }

#location > ul > li { width:90px; }
#location > ul > li.home { width:40px; }
#location > ul > li.menu { width:115px; }
#location > ul > li.menu2 { width:130px; }
#location > ul > li.long { width:150px; }

#location > ul > li > div { width:116px; }
#location > ul > li.menu2 > div { width:131px; }

.links li a { letter-spacing:-0.05em; }
.copy { font-size:90%; }

}