.border_box *{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.methodIcon{background:url(/knowledge/Naesin_info/img/learning_method/sp_icon.png) no-repeat;}
.f15{font-size:15px !important;}
.gray{color:#8f8f8f;}

.box_st1{background:#f9f9f9; border:1px solid #e5e5e5; padding:25px 30px; line-height:1.8;}

.tab_st1{overflow:hidden;}
.tab_st1 li{float:left; text-align:center; height:65px; width:146px; display:table; }
.tab_st1 li a{display:table-cell; vertical-align:middle; background:#454545; color:#999; font-size:22px; font-family:'malgun gothic'; width:100%; height:100%; border-top:1px solid #363535; border-bottom:1px solid #363535; border-left:1px solid #363535;}
.tab_st1 li.on a{background:#cc3344; color:#fff; border-top:1px solid #ae2b3a; border-left:1px solid #ae2b3a; border-bottom:1px solid #ae2b3a; border-right:1px solid #ae2b3a;}
.tab_st1 li.on + li a{border-left:none;}

.mt0{margin-top:0;}
.mt27{margin-top:27px;}
.mt34{margin-top:34px;}
.mt55{margin-top:55px;}
.yellow{color:#ffda6a;}
.red{color: #dd3e5a;}
.ml18{margin-left:18px;}
.overflow{overflow:hidden;}

.box_st2{background:#fff8ee; border:1px solid #fedeca; padding:30px; font-family:'±¼¸²'; letter-spacing:-0.5px; line-height:1.8}
.box_st2 .icon{float:left; margin:8px 18px 0 0; background:url(/knowledge/Naesin_info/img/learning_method/sp_icon_lesson.png) no-repeat; width:95px; height:95px;}
.box_st2 .icon.s2{background-position:0 -95px;}
.box_st2 .icon.s3{background-position:0 -190px;}
.box_st2 .icon.s4{background-position:0 -285px;}
.box_st2 .icon.s5{background-position:0 -380px;}

.box_st2 .tit{font-size:14px; font-weight:bold; color:#000;}
.box_st2 .tit .brown{color:#ce7340;}
.box_st2 .dec{margin:1px 0 0;}

.tab_st2{overflow:hidden; border-bottom:2px solid #777; width:729px;}
.tab_st2 li:first-child{margin:0;}
.tab_st2 li{float:left; text-align:center; height:44px; width:183px; display:table; margin:0 0 0 -1px;}
.tab_st2 li a{display:table-cell; vertical-align:middle; background:#fff; color:#777; font-size:14px; font-family:'malgun gothic'; width:100%; height:100%; border:1px solid #d7d7d9; border-bottom:none;}
.tab_st2 li.on a{background:#777; color:#fff; border:none;}


.titq{color:#414141; font-size:20px; font-family:'malgun gothic'; padding:35px 30px 0;}

.box_st3{border:5px solid #d1d1d1; padding:35px 24px; font-family:'malgun gothic'; line-height:1.5;}
.box_st3 .tit{border-bottom:1px solid #d1d1d1; width:100%; color:#000; font-size:16px; padding:0 0 26px;}
.box_st3 .thumb, .box_st4 .thumb{text-align:center;}
.box_st3 .txt{color:#646464; font-size:15px; margin:25px 0 0;}
.box_st3 .section_box{margin:20px 0 0; border:1px solid #c1c1c1; padding:20px; font-size:15px; }
.box_st3 .condition_box{position:relative; border:1px solid #585e82; overflow:hidden; background:#585e82;}

.box_st3 .condition_box .section_left{float:left; background:#585e82; text-align:center; height:100%;}
.box_st3 .condition_box .section_left .methodIcon{position:absolute; top:50%; left:30px;  margin:-17px 0 0; vertical-align:middle; width:28px; height:34px; background-position:0 -39px;}

.box_st3 .condition_box ul{float:right; background:#fff; padding:10px 23px; width:575px;}
.box_st3 .condition_box li{font-size:14px; color:#585e82;}

.box_st4{font-family:'malgun gothic'; letter-spacing:-0.5px;}
.box_st4 .tit{color:#fff; background:#5d92c6; font-size:18px; padding:12px 31px; border:2px solid #5c92c5; line-height:1.4;}
.box_st4 .answer_button{position:absolute; left:0px; top:0; height:100%; width:100%; background:#f6f6f6; text-align:center;}
.box_st4 .answer_button .inner{position:relative; width:100%; height:100%;}
.box_st4 .answer_button .btn{position:absolute; left:50%; top:50%; margin:-35px 0 0 -153px; color:#fff; font-size:20px; font-family:'malgun gothic'; letter-spacing:-0.5px; font-weight:normal; padding:0; background:#777; border:1px solid #656565; height:70px; width:307px;}
.box_st4 .answer_button .btn .methodIcon{display:inline-block; vertical-align:middle; margin:0 0 0 22px; width:16px; height:25px;}
.box_st4 .answer_box{position:relative; background:#fff; border:2px solid #d1d1d1;}
.box_st4 .answer_box .txt{color:#777; font-size:15px; line-height:1.8; padding:25px 41px;}

.my_answer{font-family:'malgun gothic';}
.my_answer .tit{color:#000; font-size:20px; padding:33px 10px 0; font-weight:bold;}
.my_answer .tit .methodIcon{display:inline-block; vertical-align:middle; width:49px; height:25px; margin:0 7px 0 0; background-position:-52px 0;}
.my_answer .box{margin:13px 0 0; position:relative;}
.my_answer .box .input{border:1px solid #dfb2b2; background:#fff4f4; border-right:none; width:623px; height:77px; padding:0 44px; color:#000; font-size:16px; line-height:80px;}
.my_answer .box .btn{position:absolute; right:0; top:0; border:1px solid #cc3955; background:#e3405f; color:#fff; font-size:18px; height:77px; width:107px;}

/* ¸®´º¾ó ¼öÁ¤ */
.tab_st1 li{width:20%;}
.tab_st2{width:850px;}
.box_st3 .condition_box ul{width:700px;}
.my_answer .box .input{width:743px;}