@charset "utf-8";

body {background:url(../img/bg.png) #ebebeb}

#KO_wrap {width:780px ; margin:0px auto ; padding-top:20px ;  background:url(../img/bg_top.png) no-repeat 0px 12px}


#KO_body {width:780px ; background:url(../img/bg_page.png) repeat-y 0px 0px}
#KO_body:after { content:"" ; display:block ; clear:both }
#KO_footer {width:850px}
3
#KO_ctns {float:left}
#KO_textua {width:760px ; margin-left:10px ; min-height:300px}
#KO_textua:after {content:"" ; display:block ; clear:both }
#KO_ctns , #KO_textua {width:760px ; margin-left:10px}

#page0 #KO_textua {background:#f9f5f2}

#KO_aside {position:absolute ; top:30px ; left:50% ; margin-left:380px ; width:80px ; height:220px}
#KO_footer {width:780px ; background:url(../img/bg_page_end.png) no-repeat top left}
#KO_top_btn {width:780px ; height:40px}
#KO_top_btn > a {
	display:block ; width:35px ; height:17px ; text-indent:-9999px ; background:url(../img/btn_top.png) no-repeat 0px 0px ;
	margin-left:715px}
#page0 #KO_top_btn > a {display:none}

/* ASIDE */
#KO_aside > ul {width:77px}
#KO_aside > ul > li > a {display:block ; width:77px ; background-image:url(../img/aside.png) ; background-repeat:no-repeat ; text-indent:-9999px}
.ko_a_cell1 > a { background-position:0px 0px ; height:57px}
.ko_a_cell2 > a { background-position:0px -57px ; height:54px}
.ko_a_cell3 > a { background-position:0px -111px ; height:54px}
.ko_a_cell4 > a { background-position:0px -165px ; height:53px}
 


/* HEADER */
#KO_header {width:760px}
#KO_header > h1 {width:760px ; height:246px ; background:url(../img/visual.png) no-repeat 0px 0px}
#KO_header > h1 > a {display:block ; width:430px ; height:150px ; text-indent:-9999px}
#KO_header > ul {width:760px ; height:40px ; display:block ; background:url(../img/bg_navi.png) repeat-x 0px 0px}
#KO_header > ul:after { content:"" ; display:block ; clear:both }
#KO_header > ul > li {float:left ; background:url(../img/navi_bar.png) no-repeat right center}
#KO_header > ul > li.KO_navi4 {background:none}
#KO_header > ul > li > a {display:block ; text-indent:-9999px ; background-image:url(../img/navi_txt.png) ; background-repeat:no-repeat}

.KO_navi1 , .KO_navi1 > a {width:140px ; height:40px}
.KO_navi2 , .KO_navi2 > a {width:276px ; height:40px}
.KO_navi3 , .KO_navi3 > a {width:140px ; height:40px}
.KO_navi4 , .KO_navi4 > a {width:204px ; height:40px}


.KO_navi1 > a {background-position:50% 0px}
.KO_navi2 > a {background-position:50% -40px}
.KO_navi3 > a {background-position:50% -80px}
.KO_navi4 > a {background-position:50% -120px}

.KO_navi1 > a:hover , #page1 .KO_navi1 > a {background-position:50% -160px}
.KO_navi2 > a:hover , #page2 .KO_navi2 > a {background-position:50% -200px}
.KO_navi3 > a:hover , #page3 .KO_navi3 > a {background-position:50% -240px}
.KO_navi4 > a:hover , #page4 .KO_navi4 > a {background-position:50% -280px}



/* FOOTER */
#KO_f_body {width:760px ; padding:30px 10px 15px 10px ; background:url(../img/ft_bg.png) no-repeat center top ; position:relative}
#KO_f_body:after { content:"" ; display:block ; clear:both }
#KO_f_body > h2 {float:left ; width:254px ; margin-left:15px ; height:71px ; text-indent:-9999px ; background:url(../img/ft_logo.png) no-repeat left top}
#KO_address {float:left ; width:396px ; height:71px ; margin-left:15px}
#KO_address > p {width:404px ; background-image:url(../img/ft_txt.png) ; background-repeat:no-repeat}
#KO_address > p > a {display:block ; text-indent:-9999px}
.ko_a_btn1 {height:16px ; background-position:0px 0px}
.ko_a_btn2 {height:20px ; background-position:0px -16px}
.ko_a_btn3 {height:29px ; background-position:0px -36px ; text-indent:-9999px}
.ko_a_btn1 > a {width:29px ; height:16px ; margin-left:157px}
.ko_a_btn2 > a {width:61px ; height:20px ; margin-left:130px}
#KO_f_btn { position:absolute ; right:25px ; top:28px}
#KO_f_btn > a {display:block ; text-indent:-9999px ; background:url(../img/ft_btn.png) no-repeat 0px 0px}
#KO_f_btn , #KO_f_btn > a {width:80px ; height:18px}



/* SUB NAVI */
#KO_sub_navi {float:left ; width:200px ; padding-top:34px}
#KO_sub_navi > h3 {margin-bottom:5px}
#KO_sub_navi > h3 , #KO_sub_navi > h3 > a {width:175px ; height:55px}
#KO_sub_navi > h3 > a {display:block ; text-indent:-9999px}
#KO_sub_navi > ul {width:175px}
#KO_sub_navi > ul > li {margin-bottom:3px}
#KO_sub_navi > ul > li > a {display:block ; width:175px ; text-indent:-9999px}

.KO_sn_t2 , .KO_sn_t3 , .KO_sn_t4 {margin-top:15px}

.KO_sn_t1 > a , .KO_sn_cell1 > li > a {background-image:url(../img/sub_navi1.png) ; background-repeat:no-repeat}
.KO_sn_t2 > a , .KO_sn_cell2 > li > a {background-image:url(../img/sub_navi2.png) ; background-repeat:no-repeat}
.KO_sn_t3 > a , .KO_sn_cell3 > li > a {background-image:url(../img/sub_navi3.png) ; background-repeat:no-repeat}
.KO_sn_t4 > a , .KO_sn_cell4 > li > a {background-image:url(../img/sub_navi4.png) ; background-repeat:no-repeat}


/* line1 15px   line2 29px   line3 43px */

/* sub1 */
.KO_sn_t1 > a {background-position:0px 0px}
.KO_sn_cell11 > a  {height:29px ; background-position:0px -55px}
.KO_sn_cell12 > a  {height:43px ; background-position:0px -95px}
.KO_sn_cell13 > a  {height:43px ; background-position:0px -149px}
.KO_sn_cell14 > a  {height:29px ; background-position:0px -203px}
.KO_sn_cell15 > a  {height:29px ; background-position:0px -243px}
.KO_sn_cell16 > a  {height:43px ; background-position:0px -283px}
.KO_sn_cell17 > a  {height:29px ; background-position:0px -337px}


.KO_sn_t1 > a:hover , #page1 .KO_sn_t1 > a {background-position:-185px 0px} 
.KO_sn_cell11 > a:hover , .KO_sub11 .KO_sn_cell11 > a  {background-position:-185px -55px}
.KO_sn_cell12 > a:hover , .KO_sub12 .KO_sn_cell12 > a  {background-position:-185px -95px}
.KO_sn_cell13 > a:hover , .KO_sub13 .KO_sn_cell13 > a  {background-position:-185px -149px}
.KO_sn_cell14 > a:hover , .KO_sub14 .KO_sn_cell14 > a  {background-position:-185px -203px}
.KO_sn_cell15 > a:hover , .KO_sub15 .KO_sn_cell15 > a  {background-position:-185px -243px}
.KO_sn_cell16 > a:hover , .KO_sub16 .KO_sn_cell16 > a  {background-position:-185px -283px}
.KO_sn_cell17 > a:hover , .KO_sub17 .KO_sn_cell17 > a  {background-position:-185px -337px}


/* sub2 */
.KO_sn_t2 > a {background-position:0px 0px}
.KO_sn_cell21 > a  {height:29px ; background-position:0px -55px}

.KO_sn_t2 > a:hover , #page2 .KO_sn_t2 > a {background-position:-185px 0px}  
.KO_sn_cell21 > a:hover , .KO_sub21 .KO_sn_cell21 > a  {background-position:-185px -55px}


/* sub3 */
.KO_sn_t3 > a {background-position:0px 0px}
.KO_sn_cell31 > a  {height:15px ; background-position:0px -55px}
.KO_sn_cell32 > a  {height:15px ; background-position:0px -75px}
.KO_sn_cell33 > a  {height:15px ; background-position:0px -95px}
.KO_sn_cell34 > a  {height:15px ; background-position:0px -115px}
.KO_sn_cell35 > a  {height:15px ; background-position:0px -135px}
.KO_sn_cell36 > a  {height:15px ; background-position:0px -155px}

.KO_sn_t3 > a:hover , #page3 .KO_sn_t3 > a {background-position:-185px 0px} 
.KO_sn_cell31 > a:hover , .KO_sub31 .KO_sn_cell31 > a  {background-position:-185px -55px}
.KO_sn_cell32 > a:hover , .KO_sub32 .KO_sn_cell32 > a  {background-position:-185px -75px}
.KO_sn_cell33 > a:hover , .KO_sub33 .KO_sn_cell33 > a  {background-position:-185px -95px}
.KO_sn_cell34 > a:hover , .KO_sub34 .KO_sn_cell34 > a  {background-position:-185px -115px}
.KO_sn_cell35 > a:hover , .KO_sub35 .KO_sn_cell35 > a  {background-position:-185px -135px}
.KO_sn_cell36 > a:hover , .KO_sub36 .KO_sn_cell36 > a  {background-position:-185px -155px}


/* sub4 */
.KO_sn_t4 > a {background-position:0px 0px}
.KO_sn_cell41 > a  {height:29px ; background-position:0px -55px}

.KO_sn_t4 > a:hover , #page4 .KO_sn_t4 > a {background-position:-185px 0px}  
.KO_sn_cell41 > a:hover , .KO_sub41 .KO_sn_cell41 > a  {background-position:-185px -55px}


/* SUB BODY */
#KO_sub_body {float:right ; width:540px ; margin-right:20px ; padding-bottom:40px}
#KO_path {width:100% ; padding-top:15px ; height:25px ; font-size:11px ; color:#898989}
.sub_title {border-bottom:solid 1px #e5e5e5 ; padding-bottom:10px}

.sub_table td {font-size:12px ; line-height:20px ; color:#595959}
 


/* margin */
.a_j {text-align:justify}
.a_c {text-align:center}
.a_l {text-align:left}
.a_r {text-align:right}

.ml5 {margin-left:5px}
.ml7 {margin-left:7px}
.ml10 {margin-left:10px}
.ml15 {margin-left:15px}
.ml18 {margin-left:18px}
.ml20 {margin-left:20px}
.ml25 {margin-left:25px}
.ml30 {margin-left:30px}
.ml35 {margin-left:35px}
.ml40 {margin-left:40px}
.ml45 {margin-left:45px}
.ml50 {margin-left:50px}

.pl5 {padding-left:5px}
.pl10 {padding-left:10px}
.pl12 {padding-left:12px}
.pl15 {padding-left:15px}
.pl20 {padding-left:20px}
.pl22 {padding-left:22px}
.pl25 {padding-left:25px}
.pl30 {padding-left:30px}
.pl35 {padding-left:35px}
.pl40 {padding-left:40px}
.pl45 {padding-left:45px}
.pl50 {padding-left:50px}
.pl55 {padding-left:55px}
.pl60 {padding-left:60px}
.pl65 {padding-left:65px}
.pl67 {padding-left:67px}

.mb5 {margin-bottom:5px}
.mb10 {margin-bottom:10px}
.mb15 {margin-bottom:15px}
.mb20 {margin-bottom:20px}
.mb25 {margin-bottom:25px}
.mb30 {margin-bottom:30px}
.mb35 {margin-bottom:35px}
.mb40 {margin-bottom:40px}
.mb45 {margin-bottom:45px}
.mb50 {margin-bottom:50px}

.pb5 {padding-bottom:5px}
.pb10 {padding-bottom:10px}
.pb15 {padding-bottom:15px}
.pb20 {padding-bottom:20px}
.pb25 {padding-bottom:25px}
.pb30 {padding-bottom:30px}
.pb35 {padding-bottom:35px}
.pb40 {padding-bottom:40px}
.pb45 {padding-bottom:45px}
.pb50 {padding-bottom:50px}



/* ARROW */
.i_aro1 {display:block ; margin-top:0px ; margin-bottom:0px ; padding-left:12px ; text-align:justify ; background:url(../img/2i1_arrow1.png) no-repeat 0px 2px}
.i_aro11 {display:block ; margin-top:0px ; margin-bottom:0px ; padding-left:8px ; text-align:justify ; background:url(../img/2i1_arrow1.png) no-repeat 0px 2px}
.i_aro2 {display:block ; margin-top:0px ; margin-bottom:0px ; padding-left:12px ; text-align:justify ; background:url(../img/2i1_arrow2.png) no-repeat 0px 2px}
.i_aro3 {display:block ; margin-top:0px ; margin-bottom:0px ; padding-left:12px ; text-align:justify ; background:url(../img/2i1_arrow3.png) no-repeat 0px 2px}
.i_aro4 {display:block ; margin-top:0px ; margin-bottom:0px ; padding-left:12px ; text-align:justify ; background:url(../img/2i1_arrow4.png) no-repeat 0px 2px}
.bar1 {padding-left:11px ; background:url(../img/table_bar.png) no-repeat 2px 8px ; text-align:justify}
.bar2 {padding-left:11px ; background:url(../img/table_bar.png) no-repeat 2px 8px ; text-align:justify ; margin-bottom:5px}
.star1 {display:block ; margin-top:0px ; margin-bottom:0px ; padding-left:11px ; background:url(../img/2i1_star1.png) no-repeat 2px 6px ; text-align:justify}
.num51 {display:block ; margin-top:0px ; margin-bottom:0px ; padding-left:15px ; background:url(../img/3c5_num1.png) no-repeat 2px 3px ; text-align:justify}
.num52 {display:block ; margin-top:0px ; margin-bottom:0px ; padding-left:15px ; background:url(../img/3c5_num2.png) no-repeat 2px 3px ; text-align:justify}



/* TABLE BLUE */
.tb_blue {width:100% ; border-top:solid 1px #d9d9d9}
.tb_blue th , .tb_blue td {font-size:12px ; line-height:16px}
.tb_blue th {background-color:#d2f1fa ; color:#5c8e8a ; text-align:center ; font-weight:600 ; padding:5px ; border-bottom:solid 1px #b3cdd5}
.tb_blue td {color:#595959 ; border-bottom:solid 1px #d9d9d9 ; padding:5px ; text-align:justify}
.blue_c1 {border-right:solid 1px #d9d9d9 ; padding:5px}

.tb_blue td > ul > li {background:url(../img/point.png) no-repeat 0px 5px ; padding-left:7px ; margin-bottom:3px}
.point {background:url(../img/point_g.png) no-repeat 0px 7px ; padding-left:7px}


/* TABLE GREEN */
.tbc {text-align:center}
.tb_g td {line-height:14px}
.tb_g th {border-bottom:solid 1px #c8cec0 ; border-top:solid 1px #c8cec0}
.tb_g .tbg_t1 , .tb_g .tbg_t2 {border-bottom:solid 1px #c8cec0 ; text-align:center ; background:#edf4e4 ; padding:3px ; font-weight:bold ; color:#607a43}
.tb_g .tbg_t1 {border-right:solid 1px #c8cec0}
.tb_g .tbg_c1 , .tb_g .tbg_c2 {border-bottom:solid 1px #d7d7d7 ; padding:3px}
.tb_g .tbg_c1 {border-right:solid 1px #d7d7d7}




/* TABLE ORANGE */
.tbc {text-align:center}
.iorg_tb {border-top:solid 1px #d5c7b3}
.iorg_tb .iorg_t1 {border-bottom:solid 1px #d5c7b3}
.iorg_tb .iorg_t1 {background:#faead2 ; text-align:center ; font-weight:bold ; color:#de7d05 ; padding:7px 0px ; line-height:1em}
.iorg_hr {border-right:solid 1px #d5c7b3}
.iorg_tb td {padding:5px ; border-bottom:solid 1px #d7d7d7}
.iorg_dr  {border-right:solid 1px #d7d7d7}
.iorg_tb td > ul > li {background:url(../img/point.png) no-repeat 0px 7px ; padding-left:7px ; margin-bottom:3px}



/* IMAGE */
.img_left  {float:left ; margin:0px 10px 3px 0px}
.img_right {float:right ; margin:0px 0px 3px 10px}
.img_left20  {float:left ; margin:0px 20px 3px 0px}
.img_right20 {float:right ; margin:0px 0px 3px 20px}



/* 주석 */
.ann_txt {border-top:solid 1px #d7d7d7 ; padding-top:10px}
.ann_txt ul , .ann_txt li {margin:0px ; padding:0px}
.ann_txt ul li {margin-bottom:7px ; text-align:justify}

.ann_book {border-top:solid 1px #d7d7d7 ; padding-top:10px}
.ann_book ul , .ann_book li {margin:0px ; padding:0px} 
.ann_book ul li {text-align:justify}