#container {position:relative; z-index:1; margin:0; padding:0;}
#container > .wrap {z-index:1;}

#container .sub_visual.sub01 {background:url('../images/sub/sub_visual1.jpg') no-repeat center top;}
#container .sub_visual.sub02 {background:url('../images/sub/sub_visual2.jpg') no-repeat center top;}
#container .sub_visual.sub03 {background:url('../images/sub/sub_visual3.jpg') no-repeat center top;}
#container .sub_visual.sub04 {background:url('../images/sub/sub_visual4.jpg') no-repeat center top;}
#container .sub_visual.sub05 {background:url('../images/sub/sub_visual5.jpg') no-repeat center top;}
#container .sub_visual.sub06 {background:url('../images/sub/sub_visual6.jpg') no-repeat center top;}
#container .sub_visual.sub07 {background:url('../images/sub/sub_visual7.jpg') no-repeat center top;}
#container .sub_visual.sub08 {background:url('../images/sub/sub_visual8.jpg') no-repeat center top;}
#container .sub_visual.sub09 {background:url('../images/sub/sub_visual8.jpg') no-repeat center top;}
#container .sub_visual.sub010 {background:url('../images/sub/sub_visual8.jpg') no-repeat center top;}

#container .sub_visual .wrap {height:77px; padding-top:20px;}
#container .sub_visual span {display:inline-block; margin-left:53px; color:#fff; font-weight:600; font-size:20px;}
#container .sub_visual p {margin-left:53px; color:#fff; font-size:13px;}

#container .sub_navi {position:relative; z-index:2; margin-bottom:30px; border-top:1px solid #dedede; border-bottom:1px solid #dedede; background-color:#fbfbfb;}
#container .sub_navi .wrap {height:40px;}
#container .sub_navi .wrap > ul > li {float:left; position:relative; height:29px; padding:11px 13px 0 16px; border-right:1px solid #dedede;}
#container .sub_navi .wrap > ul > li:first-child {height:40px; padding-top:0; border-left:1px solid #dedede;}
#container .sub_navi .wrap > ul > li:first-child a {display:block; padding:12px 0 13px 0;}
#container .sub_navi .wrap ul li .sn_list {display:none; position:absolute; top:41px; left:-1px; width:100%; border-left:1px solid #dedede; border-right:1px solid #dedede;}
#container .sub_navi .wrap ul li .sn_list li {padding:10px 0 12px 14px; border-bottom:1px solid #dedede; background-color:#fff;}
#container .sub_navi .wrap ul li .sn_list li a {color:#474747; font-size:13px;}
#container .sub_navi .wrap ul li button {padding-right:13px; background:url('../images/sub/sn_bu.png') no-repeat right center; color:#474747; font-size:13px; line-height:15px; text-align:left;}
/*#container .sub_navi .wrap ul li.print {float:right; background-color:#f4f4f4; border-left:1px solid #dedede;}*/
#container .sub_navi .wrap ul li.sn_except {float:right; height:40px; padding:0;}
#container .sub_navi .wrap ul li.sn_except a {display:inline-block; border-left:1px solid #dedede; vertical-align:middle;}
#container .sub_navi .wrap ul li.sn_except img {vertical-align:middle;}
#container .sub_navi .wrap ul li.sn_except .print {background-color:#f4f4f4; padding:11px 14px 12px 14px;}
/*#container .path {position:relative; z-index:2; margin-bottom:30px; border-top:1px solid #dedede; border-bottom:1px solid #dedede; background-color:#fbfbfb;}
#container .path .wrap {height:40px;}
#container .path .wrap ul li {float:left; position:relative; height:29px; padding:11px 15px 0 15px; border-right:1px solid #dedede;}
#container .path .wrap ul li:first-child {height:40px; padding-top:0; border-left:1px solid #dedede;}
#container .path .wrap ul li:first-child a {display:block; padding:12px 0 13px 0;}
#container .path .wrap ul li span {display:inline-block; padding-right:57px; background:url('../images/sub/path_bu.gif') no-repeat right center; color:#474747; font-size:13px; text-align:left;}
#container .path .wrap ul li.path_last span {padding-right:0; background:none; color:#000;}
#container .path .wrap ul li.print {float:right; background-color:#f4f4f4; border-left:1px solid #dedede;}*/

#container #side {width:260px; margin-bottom:30px; margin-right:30px;}
#container #side .side_title {height:119px; padding-top:52px; background:url('../images/sub/st_bg.gif') no-repeat left top; text-align:center;}
#container #side .side_title .kor_tit {display:block; margin-top:5px; color:#fff; font-weight:600; font-size:30px; line-height:normal;}

#container #side .side_menu {}
#container #side .side_menu .side_depth1 > li {border-bottom:1px solid #eaeaea;}
#container #side .side_menu .side_depth1 .sd_tit1 {display:block; padding:12px 30px 12px 20px; color:#4a4a4a; font-size:13px; background:url('../images/sub/side_open.png') no-repeat 235px center;}
#container #side .side_menu .side_depth2 {display:none;}
#container #side .side_menu li.on {padding:0 10px; border-bottom:1px solid #d6dde5; background-color:#e9f0f8;}
#container #side .side_menu li.on .sd_tit1 {padding-left:10px; color:#256ebc; background:url('../images/sub/side_close.png') no-repeat 221px center;}
#container #side .side_menu li.on .side_depth2 {display:block; margin-bottom:10px; padding:17px 0 17px 20px; background-color:#fff;}
#container #side .side_menu li.on .side_depth2 li {margin-top:8px; padding-left:13px; background:url('../images/sub/sd2_bu.gif') no-repeat left center;}
#container #side .side_menu li.on .side_depth2 li:first-child {margin-top:0;}
#container #side .side_menu li.on .side_depth2 li a {color:#4a4a4a; font-size:12px;}
#container #side .side_menu li.on .side_depth2 li a.on {color:#256ebc;}
#container #side .side_menu .side_depth1 > li.access {border-bottom:1px solid #d6dde5;}
#container #side .side_menu li.access .sd_tit1 {background-color:#e9f0f8; color:#256ebc;}
#container #side .side_menu li .side_depth2 li.access a {color:#256ebc;}

#container #colgroup {width:910px;}
#container #colgroup .sub_title {margin-bottom:30px; padding-bottom:16px; border-bottom:1px solid #666;}
#container #colgroup .sub_title h1 {color:#000; font-size:40px; font-weight:600; line-height:normal;}

#container #colgroup #tab_menu {margin-bottom:30px;}
#container #colgroup #tab_menu ul li {float:left; width:25%; margin-bottom:5px;}
#container #colgroup #tab_menu ul li a {display:block; overflow:hidden; position:relative; padding:12px 5px; border-top:1px solid #d9d9d9; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background-color:#eff3f4; color:#666; font-size:15px; text-align:center; white-space:nowrap; text-overflow:ellipsis;}
#container #colgroup #tab_menu ul li:first-child a {border-left:1px solid #d9d9d9;}
#container #colgroup #tab_menu ul li.on a {border-top:1px solid #2568bc; border-right:1px solid #2568bc; border-bottom:1px solid #2568bc; background-color:#2568bc; color:#fff;}
#container #colgroup #tab_menu ul li.on:first-child a {border-left:1px solid #2568bc;}
#container #side, #container #colgroup {float:left;}

#contents {position:relative; min-height:700px; margin:0 0 0 0; padding:0 0 50px 0; font-size:13px;}

#question {position:relative;  margin-bottom:17px; border:1px solid #c7ced2; background:url('../images/sub/question_bg.gif') no-repeat left top; background-size:auto 100%;}
#question .question_wrap {height:54px; padding-bottom:17px; padding-left:170px; background:url('../images/sub/question_icon.png') no-repeat 35px center;}
#question p {padding-top:25px; padding-right:10px; color:#626262; font-size:14px;}

#question .q_btn {display:inline-block; position:absolute; top:22px; right:20px; width:76px; height:28px; padding:0 12px; background-color:#6d6e70; color:#fff; font-size:13px; vertical-align:middle; text-align:center; line-height:normal;}

/* web */
@media screen and (max-width:1200px) {
	#container #side {width:240px;}
	#container #colgroup {width:730px;}
	#container #side .side_menu li.on .sd_tit1 {background-position:201px center;}
	#container #side .side_menu .side_depth1 .sd_tit1 {background-position:215px center;}
	#container .sub_visual span {margin-left:23px;}
	#container .sub_visual p {margin-left:23px;}
}

/* tablet */
@media screen and (max-width:1000px) {
	#container #side {display:none;}
	#container #colgroup {width:800px; float:none;}
	#container .sub_navi .wrap ul li.sn_except {display:none;}
	/*#container .sub_navi .wrap ul li.print {display:none;}*/
	/*#container .path .wrap ul li.print {display:none;}*/
}

/* tablet */
@media screen and (max-width:800px) {
	#container #colgroup {width:auto; padding:0 2%;}
	#question {background-size:25% 100%;}
	#question .question_wrap {height:auto;}
	#question .q_btn {position:static; margin-top:10px;}
	#container .sub_navi .wrap {width:auto; padding:0;}
	/*#container .path .wrap {width:auto; padding:0;}*/
	#container #colgroup #tab_menu ul li a {letter-spacing:-1px;}
}

/* mobile */
@media screen and (max-width:640px) {
	#container #colgroup {width:auto; padding:0;}
	#container #colgroup #contents {padding:0 2% 22px 2%;}
	#container #colgroup #tab_menu {padding:0 2%; margin-bottom:22px;}
	#question {margin-left:2%; margin-right:2%;}
	#container #colgroup #tab_menu ul li {width:50%;}
	#container #colgroup #tab_menu ul li:nth-child(odd) a {margin-right:1px;}
	#container #colgroup #tab_menu ul li a {border-left:1px solid #d9d9d9;}
	#container .sub_visual {display:none;}
	#container .sub_navi {display:none;}
	/*#container .path {display:none;}*/
	#container #colgroup .sub_title {min-height:37px; border-bottom:none; margin-bottom:20px; padding-bottom:10px; background:url('../images/sub/m_st_bg.gif') no-repeat left top; background-size:100% 100%;}
	#container #colgroup .sub_title h1 {padding-top:10px; color:#fff; font-size:20px; text-align:center;}
	#question {background-size:35% 100%;}
}

@media screen and (max-width:400px) {
	#question {background-size:50% 100%;}
}